_sass/color.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
34
35
36
37
38
39
40

:root {
	--bg-0: canvas;
	--fg-0: canvastext;
	--bg-1: canvastext;
	--fg-1: canvas;
	--bg-2: buttonface;
	--fg-2: buttontext;

	--code-comment: #556885;
	--code-keyword: #a72076;
	--code-string: #755a1c;
	--code-number: #c94f29;
	--code-operator: #6327c1;

	--admonition-warning: #d61b12;
	--admonition-note: #a0790a;
	--admonition-info: #0f4ba3;
}

@media only screen and (prefers-color-scheme: dark) {
	:root {
		--bg-0: canvas;
		--fg-0: canvastext;
		--bg-1: color-mix(in srgb, canvas 100%, white 10%);
		--fg-1: canvastext;
		--bg-2: var(--bg-1);
		--fg-2: var(--fg-1);

		--code-comment: #808b9bd9;
		--code-keyword: #d25a76;
		--code-string: #e4a87e;
		--code-number: #fa7d57;
		--code-operator: #da9eff;

		--admonition-warning: #f87171;
		--admonition-note: #f2b939;
		--admonition-info: #74b7f2;
	}
}