162 lines
4.3 KiB
Plaintext
Raw Normal View History

// Colors
2018-04-18 12:34:33 +00:00
text-color-h = 0
text-color-s = 0%
text-color-l = 23.5%
text-color = hsl(text-color-h, text-color-s, text-color-l)
2018-04-23 14:51:11 +00:00
link-color-h = 7
link-color-s = 87%
link-color-l = 45%
link-color = hsl(link-color-h, link-color-s, link-color-l)
2019-06-18 08:47:01 +00:00
bg-color-h = 0
bg-color-s = 0%
bg-color-l = 96%
bg-color = hsl(bg-color-h, bg-color-s, bg-color-l)
ui-background-h = bg-color-h
ui-background-s = bg-color-s
ui-background-l = 99.5%
ui-background = hsl(ui-background-h, ui-background-s, ui-background-l)
2018-04-23 14:51:11 +00:00
2019-06-18 08:47:01 +00:00
link-hover-color = hsl(link-color-h, link-color-s, calc(link-color-l + 8%))
2017-06-25 21:07:14 +00:00
link-active-color = link-hover-color
2017-10-07 08:01:55 +00:00
pro-color = hsla(0, 100%, 73%, 0.87)
2017-11-04 07:45:39 +00:00
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)
2018-03-08 16:36:55 +00:00
reverse-light-lite-color = rgba(0, 0, 0, 0.02)
2017-11-03 17:10:31 +00:00
theme-white = bg-color
theme-black = text-color
2016-11-29 15:50:50 +00:00
// UI
2017-06-26 13:17:53 +00:00
ui-border-color = rgba(0, 0, 0, 0.1)
ui-border = 1px solid ui-border-color
2017-06-26 13:17:53 +00:00
ui-hover-border-color = rgba(0, 0, 0, 0.15)
2017-10-20 00:43:02 +00:00
ui-hover-border = 1px solid ui-hover-border-color
2018-04-23 14:51:11 +00:00
2017-06-26 13:17:53 +00:00
// ui-hover-background = rgb(254, 254, 254)
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%)
2016-12-01 15:27:53 +00:00
ui-disabled-color = rgb(224, 224, 224)
2018-03-27 19:08:26 +00:00
const ui-element-border-radius = 3px
2016-12-01 15:27:53 +00:00
2017-06-25 21:07:14 +00:00
// Input
2018-04-19 22:06:13 +00:00
input-height = 2.5rem
2017-06-25 21:07:14 +00:00
input-focus-border-color = rgb(248, 165, 130)
// Button
2018-04-23 14:51:11 +00:00
button-color = link-color
2017-11-03 08:34:21 +00:00
button-hover-color = white
button-hover-background = link-hover-color
2018-04-23 14:51:11 +00:00
// Tab
2017-11-04 16:11:47 +00:00
tab-background = rgba(0, 0, 0, 0.02)
tab-hover-background = bg-color
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)
2017-06-25 21:07:14 +00:00
2017-11-05 05:56:09 +00:00
sidebar-background = rgba(0, 0, 0, 0.03)
sidebar-opaque-background = ui-background
2017-06-20 13:46:49 +00:00
// Forum
2017-06-26 22:35:46 +00:00
post-highlight-color = rgba(248, 165, 130, 0.7)
2018-11-23 02:14:12 +00:00
const forum-width = 830px
const forum-thread-width = forum-width
2018-11-23 02:32:47 +00:00
const comment-width = 600px
2018-11-23 02:14:12 +00:00
const activity-width = comment-width
const group-post-width = comment-width
const post-avatar-text-margin = 0.5rem
2017-06-20 13:46:49 +00:00
2017-06-07 23:14:45 +00:00
// Avatar
2019-11-19 02:39:20 +00:00
const avatar-size = 50px
2017-06-07 23:14:45 +00:00
2018-02-28 15:26:49 +00:00
// Badge
badge-important-bg-color = rgb(215, 38, 15)
2018-02-28 22:26:06 +00:00
badge-important-hover-bg-color = rgb(242, 60, 30)
2018-02-28 15:26:49 +00:00
badge-important-text-color = white
// Quote
quote-color = hsl(0, 0%, 45%)
quote-side-border-color = quote-color
2017-11-04 21:50:05 +00:00
// Forum
2018-11-15 03:42:10 +00:00
like-color = green
unlike-color = rgb(255, 32, 12)
delete-color = unlike-color
permalink-color = blue
2017-11-05 05:56:09 +00:00
table-row-hover-background = hsla(0, 0%, 0%, 0.01)
anime-list-item-name-color = link-color
2017-11-04 21:50:05 +00:00
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
2017-07-04 14:13:20 +00:00
// Tables
2018-04-17 16:20:53 +00:00
table-width-normal = 1100px
2017-07-04 14:13:20 +00:00
2018-03-04 15:53:42 +00:00
// Feature cards
2018-04-07 14:32:37 +00:00
const feature-card-saturation = 83%
const feature-card-lightness = 47%
feature-card-color = hsl(348, feature-card-saturation, feature-card-lightness)
feature-card-alternative-color = hsl(203, feature-card-saturation, feature-card-lightness)
2018-03-04 15:53:42 +00:00
feature-card-icon-color = white
// Tooltips
tip-bg-color = white
2017-06-26 21:41:16 +00:00
// Loading animation
2018-04-23 14:51:11 +00:00
loading-anim-color = hsl(18, 89%, 74%)
2017-06-26 21:41:16 +00:00
2016-11-30 12:33:11 +00:00
// Shadow
shadow-light = 4px 4px 8px rgba(0, 0, 0, 0.05)
2016-11-30 15:29:36 +00:00
shadow-medium = 6px 6px 12px rgba(0, 0, 0, 0.13)
2016-11-30 12:33:11 +00:00
2016-11-29 15:50:50 +00:00
// Outline shadow
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)
2016-11-29 15:50:50 +00:00
// Distances
2018-03-20 03:05:54 +00:00
const content-padding = 1.6rem
2018-11-21 07:43:41 +00:00
const content-padding-half = calc(content-padding / 2)
2018-11-22 07:52:29 +00:00
const content-padding-negative = calc(content-padding * -1)
2018-03-20 03:05:54 +00:00
const content-line-height = 1.7em
const typography-margin = 0.4rem
2018-04-20 08:55:58 +00:00
const media-bottom-margin = 2rem
2018-03-20 03:05:54 +00:00
// Sizes
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
2018-03-20 03:05:54 +00:00
const anime-image-large-width = 250px
const anime-image-large-height = 350px
2018-07-07 15:40:21 +00:00
const character-image-small-width = 56px
const character-image-small-height = 56px
const grid-cell-margin = 0.5rem
const user-pro-icon-size = 1.1rem
2018-12-10 04:42:29 +00:00
const amv-large-width = 854px
2019-08-31 12:19:49 +00:00
// Monospace font for `code` and `pre`
const monospace-font-family = "Ubuntu Mono", "Consolas", monospace
// Timings
2018-03-06 23:36:04 +00:00
fade-speed = 150ms
2017-11-03 17:10:31 +00:00
transition-speed = 150ms
2018-10-31 05:35:30 +00:00
mountable-transition-speed = 150ms