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