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 : # A31515 ;
7
+ --dark-hl-2 : # CE9178 ;
8
+ --light-hl-3 : # 0000FF ;
9
+ --dark-hl-3 : # 569CD6 ;
10
+ --light-hl-4 : # 008000 ;
11
+ --dark-hl-4 : # 6A9955 ;
12
+ --light-code-background : # FFFFFF ;
17
13
--dark-code-background : # 1E1E1E ;
18
14
}
19
15
23
19
--hl-2 : var (--light-hl-2 );
24
20
--hl-3 : var (--light-hl-3 );
25
21
--hl-4 : var (--light-hl-4 );
26
- --hl-5 : var (--light-hl-5 );
27
- --hl-6 : var (--light-hl-6 );
28
22
--code-background : var (--light-code-background );
29
23
} }
30
24
34
28
--hl-2 : var (--dark-hl-2 );
35
29
--hl-3 : var (--dark-hl-3 );
36
30
--hl-4 : var (--dark-hl-4 );
37
- --hl-5 : var (--dark-hl-5 );
38
- --hl-6 : var (--dark-hl-6 );
39
31
--code-background : var (--dark-code-background );
40
32
} }
41
33
42
- body . light {
34
+ : root[ data-theme = ' light' ] {
43
35
--hl-0 : var (--light-hl-0 );
44
36
--hl-1 : var (--light-hl-1 );
45
37
--hl-2 : var (--light-hl-2 );
46
38
--hl-3 : var (--light-hl-3 );
47
39
--hl-4 : var (--light-hl-4 );
48
- --hl-5 : var (--light-hl-5 );
49
- --hl-6 : var (--light-hl-6 );
50
40
--code-background : var (--light-code-background );
51
41
}
52
42
53
- body . dark {
43
+ : root[ data-theme = ' dark' ] {
54
44
--hl-0 : var (--dark-hl-0 );
55
45
--hl-1 : var (--dark-hl-1 );
56
46
--hl-2 : var (--dark-hl-2 );
57
47
--hl-3 : var (--dark-hl-3 );
58
48
--hl-4 : var (--dark-hl-4 );
59
- --hl-5 : var (--dark-hl-5 );
60
- --hl-6 : var (--dark-hl-6 );
61
49
--code-background : var (--dark-code-background );
62
50
}
63
51
@@ -66,6 +54,4 @@ body.dark {
66
54
.hl-2 { color : var (--hl-2 ); }
67
55
.hl-3 { color : var (--hl-3 ); }
68
56
.hl-4 { color : var (--hl-4 ); }
69
- .hl-5 { color : var (--hl-5 ); }
70
- .hl-6 { color : var (--hl-6 ); }
71
57
pre , code { background : var (--code-background ); }
0 commit comments