28 lines
1015 B
Stylus
28 lines
1015 B
Stylus
|
:root
|
||
|
|
--site-bg: $c-site-bg-light
|
||
|
|
--block: $c-block-light
|
||
|
|
--block-border: mix($c-block-light, $c-text-light, 95)
|
||
|
|
--hover-block: mix($c-block-light, $c-text-light, 98)
|
||
|
|
--text-p0: $c-title-light
|
||
|
|
--text-p1: $c-text-light
|
||
|
|
--text-p2: mix($c-text-light, $c-site-bg-light, 80)
|
||
|
|
--text-p3: mix($c-text-light, $c-site-bg-light, 60)
|
||
|
|
--text-meta: mix($c-text-light, $c-site-bg-light, 20)
|
||
|
|
--card: $c-card-light
|
||
|
|
--theme-highlight: darken($color-theme, 5)
|
||
|
|
--theme-bg: mix($color-theme, $c-card-light, 10)
|
||
|
|
|
||
|
|
body[theme='dark']
|
||
|
|
--site-bg: $c-site-bg-dark
|
||
|
|
--block: $c-block-dark
|
||
|
|
--block-border: mix($c-block-dark, $c-text-dark, 90)
|
||
|
|
--hover-block: mix($c-block-dark, $c-text-dark, 95)
|
||
|
|
--text-p0: $c-title-dark
|
||
|
|
--text-p1: $c-text-dark
|
||
|
|
--text-p2: mix($c-text-dark, $c-site-bg-dark, 70)
|
||
|
|
--text-p3: mix($c-text-dark, $c-site-bg-dark, 45)
|
||
|
|
--text-meta: mix($c-text-dark, $c-site-bg-dark, 30)
|
||
|
|
--card: $c-card-dark
|
||
|
|
--theme-highlight: $color-theme
|
||
|
|
--theme-bg: mix($color-theme, $c-card-dark, 10)
|