1
1
: root {
2
- --light-hl-0 : # 000000 ;
3
- --dark-hl-0 : # D4D4D4 ;
4
- --light-hl-1 : # A31515 ;
5
- --dark-hl-1 : # CE9178 ;
6
- --light-hl-2 : # 001080 ;
7
- --dark-hl-2 : # 9CDCFE ;
8
- --light-hl-3 : # 008000 ;
9
- --dark-hl-3 : # 6A9955 ;
10
- --light-hl-4 : # 795E26 ;
11
- --dark-hl-4 : # DCDCAA ;
12
- --light-hl-5 : # AF00DB ;
13
- --dark-hl-5 : # C586C0 ;
14
- --light-hl-6 : # 0451A5 ;
15
- --dark-hl-6 : # 9CDCFE ;
16
- --light-code-background : # F5F5F5 ;
2
+ --light-hl-0 : # 795E26 ;
3
+ --dark-hl-0 : # DCDCAA ;
4
+ --light-hl-1 : # 000000 ;
5
+ --dark-hl-1 : # D4D4D4 ;
6
+ --light-hl-2 : # 0000FF ;
7
+ --dark-hl-2 : # 569CD6 ;
8
+ --light-hl-3 : # A31515 ;
9
+ --dark-hl-3 : # CE9178 ;
10
+ --light-hl-4 : # 001080 ;
11
+ --dark-hl-4 : # 9CDCFE ;
12
+ --light-hl-5 : # 008000 ;
13
+ --dark-hl-5 : # 6A9955 ;
14
+ --light-hl-6 : # AF00DB ;
15
+ --dark-hl-6 : # C586C0 ;
16
+ --light-hl-7 : # 0451A5 ;
17
+ --dark-hl-7 : # 9CDCFE ;
18
+ --light-code-background : # FFFFFF ;
17
19
--dark-code-background : # 1E1E1E ;
18
20
}
19
21
25
27
--hl-4 : var (--light-hl-4 );
26
28
--hl-5 : var (--light-hl-5 );
27
29
--hl-6 : var (--light-hl-6 );
30
+ --hl-7 : var (--light-hl-7 );
28
31
--code-background : var (--light-code-background );
29
32
} }
30
33
36
39
--hl-4 : var (--dark-hl-4 );
37
40
--hl-5 : var (--dark-hl-5 );
38
41
--hl-6 : var (--dark-hl-6 );
42
+ --hl-7 : var (--dark-hl-7 );
39
43
--code-background : var (--dark-code-background );
40
44
} }
41
45
42
- body . light {
46
+ : root[ data-theme = ' light' ] {
43
47
--hl-0 : var (--light-hl-0 );
44
48
--hl-1 : var (--light-hl-1 );
45
49
--hl-2 : var (--light-hl-2 );
46
50
--hl-3 : var (--light-hl-3 );
47
51
--hl-4 : var (--light-hl-4 );
48
52
--hl-5 : var (--light-hl-5 );
49
53
--hl-6 : var (--light-hl-6 );
54
+ --hl-7 : var (--light-hl-7 );
50
55
--code-background : var (--light-code-background );
51
56
}
52
57
53
- body . dark {
58
+ : root[ data-theme = ' dark' ] {
54
59
--hl-0 : var (--dark-hl-0 );
55
60
--hl-1 : var (--dark-hl-1 );
56
61
--hl-2 : var (--dark-hl-2 );
57
62
--hl-3 : var (--dark-hl-3 );
58
63
--hl-4 : var (--dark-hl-4 );
59
64
--hl-5 : var (--dark-hl-5 );
60
65
--hl-6 : var (--dark-hl-6 );
66
+ --hl-7 : var (--dark-hl-7 );
61
67
--code-background : var (--dark-code-background );
62
68
}
63
69
@@ -68,4 +74,5 @@ body.dark {
68
74
.hl-4 { color : var (--hl-4 ); }
69
75
.hl-5 { color : var (--hl-5 ); }
70
76
.hl-6 { color : var (--hl-6 ); }
77
+ .hl-7 { color : var (--hl-7 ); }
71
78
pre , code { background : var (--code-background ); }
0 commit comments