|
1 | 1 | :root { |
2 | | - --light-hl-0: #000000; |
3 | | - --dark-hl-0: #d4d4d4; |
4 | | - --light-hl-1: #001080; |
5 | | - --dark-hl-1: #9cdcfe; |
6 | | - --light-code-background: #ffffff; |
7 | | - --dark-code-background: #1e1e1e; |
| 2 | + --light-hl-0: #000000; |
| 3 | + --dark-hl-0: #D4D4D4; |
| 4 | + --light-hl-1: #001080; |
| 5 | + --dark-hl-1: #9CDCFE; |
| 6 | + --light-code-background: #FFFFFF; |
| 7 | + --dark-code-background: #1E1E1E; |
8 | 8 | } |
9 | 9 |
|
10 | | -@media (prefers-color-scheme: light) { |
11 | | - :root { |
12 | | - --hl-0: var(--light-hl-0); |
13 | | - --hl-1: var(--light-hl-1); |
14 | | - --code-background: var(--light-code-background); |
15 | | - } |
16 | | -} |
| 10 | +@media (prefers-color-scheme: light) { :root { |
| 11 | + --hl-0: var(--light-hl-0); |
| 12 | + --hl-1: var(--light-hl-1); |
| 13 | + --code-background: var(--light-code-background); |
| 14 | +} } |
17 | 15 |
|
18 | | -@media (prefers-color-scheme: dark) { |
19 | | - :root { |
20 | | - --hl-0: var(--dark-hl-0); |
21 | | - --hl-1: var(--dark-hl-1); |
22 | | - --code-background: var(--dark-code-background); |
23 | | - } |
24 | | -} |
| 16 | +@media (prefers-color-scheme: dark) { :root { |
| 17 | + --hl-0: var(--dark-hl-0); |
| 18 | + --hl-1: var(--dark-hl-1); |
| 19 | + --code-background: var(--dark-code-background); |
| 20 | +} } |
25 | 21 |
|
26 | | -:root[data-theme="light"] { |
27 | | - --hl-0: var(--light-hl-0); |
28 | | - --hl-1: var(--light-hl-1); |
29 | | - --code-background: var(--light-code-background); |
| 22 | +:root[data-theme='light'] { |
| 23 | + --hl-0: var(--light-hl-0); |
| 24 | + --hl-1: var(--light-hl-1); |
| 25 | + --code-background: var(--light-code-background); |
30 | 26 | } |
31 | 27 |
|
32 | | -:root[data-theme="dark"] { |
33 | | - --hl-0: var(--dark-hl-0); |
34 | | - --hl-1: var(--dark-hl-1); |
35 | | - --code-background: var(--dark-code-background); |
| 28 | +:root[data-theme='dark'] { |
| 29 | + --hl-0: var(--dark-hl-0); |
| 30 | + --hl-1: var(--dark-hl-1); |
| 31 | + --code-background: var(--dark-code-background); |
36 | 32 | } |
37 | 33 |
|
38 | | -.hl-0 { |
39 | | - color: var(--hl-0); |
40 | | -} |
41 | | -.hl-1 { |
42 | | - color: var(--hl-1); |
43 | | -} |
44 | | -pre, |
45 | | -code { |
46 | | - background: var(--code-background); |
47 | | -} |
| 34 | +.hl-0 { color: var(--hl-0); } |
| 35 | +.hl-1 { color: var(--hl-1); } |
| 36 | +pre, code { background: var(--code-background); } |
0 commit comments