|
1 | 1 | :root {
|
2 |
| - --light-hl-0: #795E26; |
3 |
| - --dark-hl-0: #DCDCAA; |
4 |
| - --light-hl-1: #000000; |
5 |
| - --dark-hl-1: #D4D4D4; |
6 |
| - --light-hl-2: #A31515; |
7 |
| - --dark-hl-2: #CE9178; |
8 |
| - --light-hl-3: #0000FF; |
9 |
| - --dark-hl-3: #569CD6; |
10 |
| - --light-code-background: #FFFFFF; |
11 |
| - --dark-code-background: #1E1E1E; |
| 2 | + --light-hl-0: #795e26; |
| 3 | + --dark-hl-0: #dcdcaa; |
| 4 | + --light-hl-1: #000000; |
| 5 | + --dark-hl-1: #d4d4d4; |
| 6 | + --light-hl-2: #a31515; |
| 7 | + --dark-hl-2: #ce9178; |
| 8 | + --light-hl-3: #0000ff; |
| 9 | + --dark-hl-3: #569cd6; |
| 10 | + --light-code-background: #ffffff; |
| 11 | + --dark-code-background: #1e1e1e; |
12 | 12 | }
|
13 | 13 |
|
14 |
| -@media (prefers-color-scheme: light) { :root { |
| 14 | +@media (prefers-color-scheme: light) { |
| 15 | + :root { |
15 | 16 | --hl-0: var(--light-hl-0);
|
16 | 17 | --hl-1: var(--light-hl-1);
|
17 | 18 | --hl-2: var(--light-hl-2);
|
18 | 19 | --hl-3: var(--light-hl-3);
|
19 | 20 | --code-background: var(--light-code-background);
|
20 |
| -} } |
| 21 | + } |
| 22 | +} |
21 | 23 |
|
22 |
| -@media (prefers-color-scheme: dark) { :root { |
| 24 | +@media (prefers-color-scheme: dark) { |
| 25 | + :root { |
23 | 26 | --hl-0: var(--dark-hl-0);
|
24 | 27 | --hl-1: var(--dark-hl-1);
|
25 | 28 | --hl-2: var(--dark-hl-2);
|
26 | 29 | --hl-3: var(--dark-hl-3);
|
27 | 30 | --code-background: var(--dark-code-background);
|
28 |
| -} } |
| 31 | + } |
| 32 | +} |
29 | 33 |
|
30 | 34 | :root[data-theme='light'] {
|
31 |
| - --hl-0: var(--light-hl-0); |
32 |
| - --hl-1: var(--light-hl-1); |
33 |
| - --hl-2: var(--light-hl-2); |
34 |
| - --hl-3: var(--light-hl-3); |
35 |
| - --code-background: var(--light-code-background); |
| 35 | + --hl-0: var(--light-hl-0); |
| 36 | + --hl-1: var(--light-hl-1); |
| 37 | + --hl-2: var(--light-hl-2); |
| 38 | + --hl-3: var(--light-hl-3); |
| 39 | + --code-background: var(--light-code-background); |
36 | 40 | }
|
37 | 41 |
|
38 | 42 | :root[data-theme='dark'] {
|
39 |
| - --hl-0: var(--dark-hl-0); |
40 |
| - --hl-1: var(--dark-hl-1); |
41 |
| - --hl-2: var(--dark-hl-2); |
42 |
| - --hl-3: var(--dark-hl-3); |
43 |
| - --code-background: var(--dark-code-background); |
| 43 | + --hl-0: var(--dark-hl-0); |
| 44 | + --hl-1: var(--dark-hl-1); |
| 45 | + --hl-2: var(--dark-hl-2); |
| 46 | + --hl-3: var(--dark-hl-3); |
| 47 | + --code-background: var(--dark-code-background); |
44 | 48 | }
|
45 | 49 |
|
46 |
| -.hl-0 { color: var(--hl-0); } |
47 |
| -.hl-1 { color: var(--hl-1); } |
48 |
| -.hl-2 { color: var(--hl-2); } |
49 |
| -.hl-3 { color: var(--hl-3); } |
50 |
| -pre, code { background: var(--code-background); } |
| 50 | +.hl-0 { |
| 51 | + color: var(--hl-0); |
| 52 | +} |
| 53 | +.hl-1 { |
| 54 | + color: var(--hl-1); |
| 55 | +} |
| 56 | +.hl-2 { |
| 57 | + color: var(--hl-2); |
| 58 | +} |
| 59 | +.hl-3 { |
| 60 | + color: var(--hl-3); |
| 61 | +} |
| 62 | +pre, |
| 63 | +code { |
| 64 | + background: var(--code-background); |
| 65 | +} |
0 commit comments