styles/include/config.scarlet

// Colors
text-color = rgb(60, 60, 60)
bg-color = rgb(246, 246, 246)
main-color = rgb(248, 165, 130)
link-color = rgb(215, 38, 15)
link-hover-color = rgb(242, 60, 30)
link-active-color = link-hover-color
pro-color = hsla(0, 100%, 73%, 0.87)
anime-alternative-title-color = hsla(0, 0%, 0%, 0.5)
reverse-light-color = rgba(0, 0, 0, 0.05)
reverse-light-hover-color = rgba(0, 0, 0, 0.1)
reverse-light-lite-color = rgba(0, 0, 0, 0.02)

theme-white = bg-color
theme-black = text-color
link-hover-text-shadow = none
tab-active-text-shadow = none

// UI
ui-border-color = rgba(0, 0, 0, 0.1)
ui-border = 1px solid ui-border-color
ui-hover-border-color = rgba(0, 0, 0, 0.15)
ui-hover-border = 1px solid ui-hover-border-color
ui-background = rgb(254, 254, 254)
// ui-hover-background = rgb(254, 254, 254)
// ui-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.037) 100%)
// ui-hover-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.027) 100%)
ui-disabled-color = rgb(224, 224, 224)
ui-element-border-radius = 3px

// Input
input-height = 2.4rem
input-focus-border-color = rgb(248, 165, 130)

// Button
button-hover-color = white
button-hover-background = link-hover-color
tab-background = rgba(0, 0, 0, 0.02)
tab-hover-background = bg-color
tab-active-color = white
tab-active-background = hsl(216, 68%, 42%)
// tab-active-background = rgb(46, 85, 160)

sidebar-background = rgba(0, 0, 0, 0.03)
sidebar-opaque-background = ui-background

// Forum
forum-width = 830px
post-highlight-color = rgba(248, 165, 130, 0.7)

// Avatar
avatar-size = 50px

// Badge
badge-important-bg-color = rgb(215, 38, 15)
badge-important-hover-bg-color = rgb(242, 60, 30)
badge-important-text-color = white

// Quote
quote-color = hsl(0, 0%, 45%)
quote-side-border-color = quote-color

// Forum
post-like-color = green !important
post-unlike-color = rgb(255, 32, 12) !important
post-delete-color = post-unlike-color !important
post-permalink-color = blue !important

table-row-hover-background = hsla(0, 0%, 0%, 0.01)
anime-list-item-name-color = link-color

// Calendar
calendar-hover-color = rgba(255, 255, 255, 0.4)
calendar-entry-seen-background = ui-background
calendar-entry-seen-hover-background = ui-background

// Tables
table-width-normal = 900px

// Feature cards
feature-card-color = hsl(348, 83%, 47%)
feature-card-alternative-color = hsl(203, 83%, 47%)
feature-card-icon-color = white

// Loading animation
loading-anim-color = main-color

// Shadow
shadow-light = 4px 4px 8px rgba(0, 0, 0, 0.05)
shadow-medium = 6px 6px 12px rgba(0, 0, 0, 0.13)

// Outline shadow
outline-shadow-light = 0 0 6px rgba(0, 0, 0, 0.05)
outline-shadow-medium = 0 0 6px rgba(0, 0, 0, 0.13)
outline-shadow-heavy = 0 0 6px rgba(0, 0, 0, 0.6)

// Distances
const content-padding = 1.6rem
const content-padding-top = 1.6rem
const content-line-height = 1.7em
const typography-margin = 0.4rem

// Sizes
const anime-image-tiny-width = 39px
const anime-image-tiny-height = 39px

const anime-image-small-width = 55px
const anime-image-small-height = 78px

const anime-image-medium-width = 142px
const anime-image-medium-height = 200px

const anime-image-large-width = 250px
const anime-image-large-height = 350px

// Timings
fade-speed = 150ms
transition-speed = 150ms
mountable-transition-speed = 150ms
Translated the basic style files to scarlet 2016-11-28 16:06:00 +00:00			`// Colors`
			`text-color = rgb(60, 60, 60)`
Started working on dark theme 2017-11-03 08:34:21 +00:00			`bg-color = rgb(246, 246, 246)`
Added proper post highlight 2017-06-26 22:35:46 +00:00			`main-color = rgb(248, 165, 130)`
			`link-color = rgb(215, 38, 15)`
Basics of Google login are implemented 2017-06-07 16:06:57 +00:00			`link-hover-color = rgb(242, 60, 30)`
Flat design 2017-06-25 21:07:14 +00:00			`link-active-color = link-hover-color`
Added PRO star to profiles 2017-10-07 08:01:55 +00:00			`pro-color = hsla(0, 100%, 73%, 0.87)`
Redesign 2017-11-04 07:45:39 +00:00			`anime-alternative-title-color = hsla(0, 0%, 0%, 0.5)`
Removed genres from sidebar (on explore page now) 2017-11-30 16:57:31 +00:00			`reverse-light-color = rgba(0, 0, 0, 0.05)`
			`reverse-light-hover-color = rgba(0, 0, 0, 0.1)`
Improved calendar style 2018-03-08 16:36:55 +00:00			`reverse-light-lite-color = rgba(0, 0, 0, 0.02)`
Translated the basic style files to scarlet 2016-11-28 16:06:00 +00:00
Redesign 2017-11-03 17:10:31 +00:00			`theme-white = bg-color`
			`theme-black = text-color`
			`link-hover-text-shadow = none`
Redesign 2017-11-04 16:11:47 +00:00			`tab-active-text-shadow = none`
Redesign 2017-11-03 17:10:31 +00:00
Improved scarlet styles 2016-11-29 15:50:50 +00:00			`// UI`
Forum improvements 2017-06-26 13:17:53 +00:00			`ui-border-color = rgba(0, 0, 0, 0.1)`
Fixed UI border color and missing credentials 2017-06-26 18:37:04 +00:00			`ui-border = 1px solid ui-border-color`
Forum improvements 2017-06-26 13:17:53 +00:00			`ui-hover-border-color = rgba(0, 0, 0, 0.15)`
CSS and SW cleanup 2017-10-20 00:43:02 +00:00			`ui-hover-border = 1px solid ui-hover-border-color`
Flat design 2017-06-25 21:07:14 +00:00			`ui-background = rgb(254, 254, 254)`
Forum improvements 2017-06-26 13:17:53 +00:00			`// ui-hover-background = rgb(254, 254, 254)`
Flat design 2017-06-25 21:07:14 +00:00			`// ui-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.037) 100%)`
			`// ui-hover-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.027) 100%)`
Everything is scarlet now 2016-12-01 15:27:53 +00:00			`ui-disabled-color = rgb(224, 224, 224)`
Improved groups 2017-10-18 16:18:15 +00:00			`ui-element-border-radius = 3px`
Everything is scarlet now 2016-12-01 15:27:53 +00:00
Flat design 2017-06-25 21:07:14 +00:00			`// Input`
Added UI for +/- buttons 2017-11-16 21:37:18 +00:00			`input-height = 2.4rem`
Flat design 2017-06-25 21:07:14 +00:00			`input-focus-border-color = rgb(248, 165, 130)`

			`// Button`
Started working on dark theme 2017-11-03 08:34:21 +00:00			`button-hover-color = white`
			`button-hover-background = link-hover-color`
Redesign 2017-11-04 16:11:47 +00:00			`tab-background = rgba(0, 0, 0, 0.02)`
			`tab-hover-background = bg-color`
Redesign 2017-11-04 07:45:39 +00:00			`tab-active-color = white`
			`tab-active-background = hsl(216, 68%, 42%)`
			`// tab-active-background = rgb(46, 85, 160)`
Flat design 2017-06-25 21:07:14 +00:00
Redesign 2017-11-05 05:56:09 +00:00			`sidebar-background = rgba(0, 0, 0, 0.03)`
			`sidebar-opaque-background = ui-background`

Heavily improved forum readability 2017-06-20 13:46:49 +00:00			`// Forum`
			`forum-width = 830px`
Added proper post highlight 2017-06-26 22:35:46 +00:00			`post-highlight-color = rgba(248, 165, 130, 0.7)`
Heavily improved forum readability 2017-06-20 13:46:49 +00:00
Updated styles 2017-06-07 23:14:45 +00:00			`// Avatar`
			`avatar-size = 50px`

Added notification count badge 2018-02-28 15:26:49 +00:00			`// Badge`
			`badge-important-bg-color = rgb(215, 38, 15)`
Improved notifications view 2018-02-28 22:26:06 +00:00			`badge-important-hover-bg-color = rgb(242, 60, 30)`
Added notification count badge 2018-02-28 15:26:49 +00:00			`badge-important-text-color = white`

✨ Added the list of quotes sorted by last and best with a correct design. The design has been verified to be responsive and compatible with the dark theme 2018-01-17 22:30:55 +00:00			`// Quote`
			`quote-color = hsl(0, 0%, 45%)`
			`quote-side-border-color = quote-color`

Minor changes 2017-11-04 21:50:05 +00:00			`// Forum`
Redesign 2017-11-05 05:56:09 +00:00			`post-like-color = green !important`
			`post-unlike-color = rgb(255, 32, 12) !important`
✨ Added a new button to delete a post 2017-11-24 22:55:29 +00:00			`post-delete-color = post-unlike-color !important`
Redesign 2017-11-05 05:56:09 +00:00			`post-permalink-color = blue !important`

			`table-row-hover-background = hsla(0, 0%, 0%, 0.01)`
			`anime-list-item-name-color = link-color`
Minor changes 2017-11-04 21:50:05 +00:00
Improved calendar style 2018-03-08 16:36:55 +00:00			`// Calendar`
			`calendar-hover-color = rgba(255, 255, 255, 0.4)`
			`calendar-entry-seen-background = ui-background`
			`calendar-entry-seen-hover-background = ui-background`

Fixed custom list import 2017-07-04 14:13:20 +00:00			`// Tables`
Redesign 2017-07-22 13:04:54 +00:00			`table-width-normal = 900px`
Fixed custom list import 2017-07-04 14:13:20 +00:00
Added new support page 2018-03-04 15:53:42 +00:00			`// Feature cards`
Improved support page 2018-03-04 16:21:27 +00:00			`feature-card-color = hsl(348, 83%, 47%)`
			`feature-card-alternative-color = hsl(203, 83%, 47%)`
Added new support page 2018-03-04 15:53:42 +00:00			`feature-card-icon-color = white`

Improved forum database 2017-06-26 21:41:16 +00:00			`// Loading animation`
CSS cleanup 2018-02-28 11:48:57 +00:00			`loading-anim-color = main-color`
Improved forum database 2017-06-26 21:41:16 +00:00
Improved styles 2016-11-30 12:33:11 +00:00			`// Shadow`
			`shadow-light = 4px 4px 8px rgba(0, 0, 0, 0.05)`
Improved styles 2016-11-30 15:29:36 +00:00			`shadow-medium = 6px 6px 12px rgba(0, 0, 0, 0.13)`
Improved styles 2016-11-30 12:33:11 +00:00
Improved scarlet styles 2016-11-29 15:50:50 +00:00			`// Outline shadow`
Improved styles 2016-11-30 15:29:36 +00:00			`outline-shadow-light = 0 0 6px rgba(0, 0, 0, 0.05)`
			`outline-shadow-medium = 0 0 6px rgba(0, 0, 0, 0.13)`
			`outline-shadow-heavy = 0 0 6px rgba(0, 0, 0, 0.6)`
Improved scarlet styles 2016-11-29 15:50:50 +00:00
Translated the basic style files to scarlet 2016-11-28 16:06:00 +00:00			`// Distances`
Use variables for image sizes 2018-03-20 03:05:54 +00:00			`const content-padding = 1.6rem`
			`const content-padding-top = 1.6rem`
			`const content-line-height = 1.7em`
			`const typography-margin = 0.4rem`

			`// Sizes`
Improved editor list display 2018-03-22 19:15:21 +00:00			`const anime-image-tiny-width = 39px`
			`const anime-image-tiny-height = 39px`

			`const anime-image-small-width = 55px`
			`const anime-image-small-height = 78px`

			`const anime-image-medium-width = 142px`
			`const anime-image-medium-height = 200px`

Use variables for image sizes 2018-03-20 03:05:54 +00:00			`const anime-image-large-width = 250px`
Use fixed image height for faster layouting 2018-03-20 04:46:28 +00:00			`const anime-image-large-height = 350px`
Translated the basic style files to scarlet 2016-11-28 16:06:00 +00:00
			`// Timings`
Improved groups 2018-03-06 23:36:04 +00:00			`fade-speed = 150ms`
Redesign 2017-11-03 17:10:31 +00:00			`transition-speed = 150ms`
Improved groups 2018-03-06 23:36:04 +00:00			`mountable-transition-speed = 150ms`