17
17
--dark-hl-7 : # 6A9955 ;
18
18
--light-hl-8 : # 267F99 ;
19
19
--dark-hl-8 : # 4EC9B0 ;
20
- --light-hl-9 : # 098658 ;
21
- --dark-hl-9 : # B5CEA8 ;
22
- --light-hl-10 : # EE0000 ;
23
- --dark-hl-10 : # D7BA7D ;
24
- --light-hl-11 : # 000000 ;
25
- --dark-hl-11 : # C8C8C8 ;
26
- --light-code-background : # F5F5F5 ;
20
+ --light-hl-9 : # EE0000 ;
21
+ --dark-hl-9 : # D7BA7D ;
22
+ --light-hl-10 : # 811F3F ;
23
+ --dark-hl-10 : # D16969 ;
24
+ --light-hl-11 : # 098658 ;
25
+ --dark-hl-11 : # B5CEA8 ;
26
+ --light-hl-12 : # 000000 ;
27
+ --dark-hl-12 : # C8C8C8 ;
28
+ --light-code-background : # FFFFFF ;
27
29
--dark-code-background : # 1E1E1E ;
28
30
}
29
31
40
42
--hl-9 : var (--light-hl-9 );
41
43
--hl-10 : var (--light-hl-10 );
42
44
--hl-11 : var (--light-hl-11 );
45
+ --hl-12 : var (--light-hl-12 );
43
46
--code-background : var (--light-code-background );
44
47
} }
45
48
56
59
--hl-9 : var (--dark-hl-9 );
57
60
--hl-10 : var (--dark-hl-10 );
58
61
--hl-11 : var (--dark-hl-11 );
62
+ --hl-12 : var (--dark-hl-12 );
59
63
--code-background : var (--dark-code-background );
60
64
} }
61
65
62
- body . light {
66
+ : root[ data-theme = ' light' ] {
63
67
--hl-0 : var (--light-hl-0 );
64
68
--hl-1 : var (--light-hl-1 );
65
69
--hl-2 : var (--light-hl-2 );
@@ -72,10 +76,11 @@ body.light {
72
76
--hl-9 : var (--light-hl-9 );
73
77
--hl-10 : var (--light-hl-10 );
74
78
--hl-11 : var (--light-hl-11 );
79
+ --hl-12 : var (--light-hl-12 );
75
80
--code-background : var (--light-code-background );
76
81
}
77
82
78
- body . dark {
83
+ : root[ data-theme = ' dark' ] {
79
84
--hl-0 : var (--dark-hl-0 );
80
85
--hl-1 : var (--dark-hl-1 );
81
86
--hl-2 : var (--dark-hl-2 );
@@ -88,6 +93,7 @@ body.dark {
88
93
--hl-9 : var (--dark-hl-9 );
89
94
--hl-10 : var (--dark-hl-10 );
90
95
--hl-11 : var (--dark-hl-11 );
96
+ --hl-12 : var (--dark-hl-12 );
91
97
--code-background : var (--dark-code-background );
92
98
}
93
99
@@ -103,4 +109,5 @@ body.dark {
103
109
.hl-9 { color : var (--hl-9 ); }
104
110
.hl-10 { color : var (--hl-10 ); }
105
111
.hl-11 { color : var (--hl-11 ); }
112
+ .hl-12 { color : var (--hl-12 ); }
106
113
pre , code { background : var (--code-background ); }
0 commit comments