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
| // #161d21; // #1F2A2F; // #132433; // #24292e;
| html
| --light: #fff
| --dark: rgb(28,28,30)
| --haze: #f2f5f2
| --bubble: rgb(32,32,34)
| --accent: var(--gray)
| --bg: var(--light)
| --overlay: var(--light)
| --text: var(--dark)
| --theme: #20c997
| --font: 'Metropolis', sans-serif
| --border-color: #eee
| &.has_magic // when darkmode is enabled via config
| @media (prefers-color-scheme: dark)
| --bg: var(--dark)
| --text: var(--light)
| --accent: var(--bubble)
| --overlay: var(--bubble)
| --border-color: transparent
| *
| box-shadow: none !important
|
| %narrow
| max-width: 750px
| margin: 0 auto
|
|
