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