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