1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
| html
| --color-mode: "lit"
| --light: #fff
| --dark: rgb(28,28,30)
| --haze: #f2f5f2
| --bubble: rgb(36,36,38)
| --accent: var(--gray)
| --bg: var(--light)
| --overlay: var(--light)
| --text: #111
| --font: 'Metropolis', sans-serif
| --border-color: #eee
| --theme: rgb(52,199,89)
|
| @mixin darkmode
| --color-mode: "dim"
| --theme: rgb(48,209,88)
| --bg: var(--dark)
| --text: #eee
| --accent: var(--bubble)
| --overlay: var(--bubble)
| --border-color: transparent
| *
| box-shadow: none !important
|
| &[data-mode="dim"]
| @include darkmode
| .color
| &_choice
| &::after
| transform: translateX(1.75rem) scale(1.67)
|
| &.has_magic:not(.nodarkmode):not([data-mode="lit"])
| @media (prefers-color-scheme: dark)
| @include darkmode
|
| %narrow
| max-width: 750px
| margin: 0 auto
|
|
