120 lines
3.2 KiB
Plaintext

// 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