scss/_vars.scss


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

:root {
	--font-sans: Alegreya Sans, sans;
	--font-serif: Alegreya, serif;
	--font-mono: Iosevka, Inconsolata, monospace;

	--font-size-pre: 85%;

	--fg-color: black;
	--fg-color-canary: #191900;
	--fg-color-mute: #5a5a5a;
	--fg-href: #0000ee;
	--fg-href-visited: #551a8b;

	--bg-color: white;
	--bg-color-canary: #ffffc3;
	--bg-color-yellow: #ffd400;

	--border-color-light: lightgrey;
	--border-color-dark: darkgrey;
}

@media (prefers-color-scheme: dark) {
	:root {
		--fg-color: #f0f0f0;
		--fg-color-canary: #e9e9f0;
		--fg-color-mute: #7a7a7a;
		--fg-href: #6464ff;
		--fg-href-visited: #9547dd;

		--bg-color: #1c1c1c;
		--bg-color-canary: #323232;
	}
}