1
1
: root {
2
- --light-hl-0 : # 000000 ;
3
- --dark-hl-0 : # D4D4D4 ;
4
- --light-hl-1 : # 800000 ;
5
- --dark-hl-1 : # 808080 ;
6
- --light-hl-2 : # 800000 ;
7
- --dark-hl-2 : # 569CD6 ;
8
- --light-hl-3 : # 000000FF ;
9
- --dark-hl-3 : # D4D4D4 ;
10
- --light-hl-4 : # FF0000 ;
11
- --dark-hl-4 : # 9CDCFE ;
12
- --light-hl-5 : # 0000FF ;
13
- --dark-hl-5 : # CE9178 ;
14
- --light-hl-6 : # AF00DB ;
15
- --dark-hl-6 : # C586C0 ;
16
- --light-hl-7 : # 001080 ;
17
- --dark-hl-7 : # 9CDCFE ;
18
- --light-hl-8 : # A31515 ;
19
- --dark-hl-8 : # CE9178 ;
20
- --light-hl-9 : # 0000FF ;
21
- --dark-hl-9 : # 569CD6 ;
22
- --light-hl-10 : # 0070C1 ;
23
- --dark-hl-10 : # 4FC1FF ;
24
- --light-hl-11 : # 795E26 ;
25
- --dark-hl-11 : # DCDCAA ;
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 : # 800000 ;
9
+ --dark-hl-3 : # 808080 ;
10
+ --light-hl-4 : # 800000 ;
11
+ --dark-hl-4 : # 569CD6 ;
12
+ --light-hl-5 : # 000000FF ;
13
+ --dark-hl-5 : # D4D4D4 ;
14
+ --light-hl-6 : # E50000 ;
15
+ --dark-hl-6 : # 9CDCFE ;
16
+ --light-hl-7 : # 0000FF ;
17
+ --dark-hl-7 : # CE9178 ;
18
+ --light-hl-8 : # 0000FF ;
19
+ --dark-hl-8 : # 569CD6 ;
20
+ --light-hl-9 : # AF00DB ;
21
+ --dark-hl-9 : # C586C0 ;
22
+ --light-hl-10 : # 001080 ;
23
+ --dark-hl-10 : # 9CDCFE ;
24
+ --light-hl-11 : # 0070C1 ;
25
+ --dark-hl-11 : # 4FC1FF ;
26
26
--light-hl-12 : # 098658 ;
27
27
--dark-hl-12 : # B5CEA8 ;
28
28
--light-hl-13 : # 008000 ;
29
29
--dark-hl-13 : # 6A9955 ;
30
- --light-hl-14 : # 267F99 ;
31
- --dark-hl-14 : # 4EC9B0 ;
32
- --light-code-background : # F5F5F5 ;
30
+ --light-code-background : # FFFFFF ;
33
31
--dark-code-background : # 1E1E1E ;
34
32
}
35
33
48
46
--hl-11 : var (--light-hl-11 );
49
47
--hl-12 : var (--light-hl-12 );
50
48
--hl-13 : var (--light-hl-13 );
51
- --hl-14 : var (--light-hl-14 );
52
49
--code-background : var (--light-code-background );
53
50
} }
54
51
67
64
--hl-11 : var (--dark-hl-11 );
68
65
--hl-12 : var (--dark-hl-12 );
69
66
--hl-13 : var (--dark-hl-13 );
70
- --hl-14 : var (--dark-hl-14 );
71
67
--code-background : var (--dark-code-background );
72
68
} }
73
69
74
- body . light {
70
+ : root[ data-theme = ' light' ] {
75
71
--hl-0 : var (--light-hl-0 );
76
72
--hl-1 : var (--light-hl-1 );
77
73
--hl-2 : var (--light-hl-2 );
@@ -86,11 +82,10 @@ body.light {
86
82
--hl-11 : var (--light-hl-11 );
87
83
--hl-12 : var (--light-hl-12 );
88
84
--hl-13 : var (--light-hl-13 );
89
- --hl-14 : var (--light-hl-14 );
90
85
--code-background : var (--light-code-background );
91
86
}
92
87
93
- body . dark {
88
+ : root[ data-theme = ' dark' ] {
94
89
--hl-0 : var (--dark-hl-0 );
95
90
--hl-1 : var (--dark-hl-1 );
96
91
--hl-2 : var (--dark-hl-2 );
@@ -105,7 +100,6 @@ body.dark {
105
100
--hl-11 : var (--dark-hl-11 );
106
101
--hl-12 : var (--dark-hl-12 );
107
102
--hl-13 : var (--dark-hl-13 );
108
- --hl-14 : var (--dark-hl-14 );
109
103
--code-background : var (--dark-code-background );
110
104
}
111
105
@@ -123,5 +117,4 @@ body.dark {
123
117
.hl-11 { color : var (--hl-11 ); }
124
118
.hl-12 { color : var (--hl-12 ); }
125
119
.hl-13 { color : var (--hl-13 ); }
126
- .hl-14 { color : var (--hl-14 ); }
127
120
pre , code { background : var (--code-background ); }
0 commit comments