fix theme

Brendonovich · Brendonovich · commit cf929300b3ef · 2025-02-23T22:40:25.000+08:00
diff --git a/src/styles.css b/src/styles.css
@@ -10,7 +10,7 @@
 		color-scheme: light;
 	}
 
-	html.dark {
+	html[data-theme="dark"] {
 		color-scheme: dark;
 	}
 
@@ -24,8 +24,8 @@
 		scrollbar-color: #778292 #e7ecf2;
 		scrollbar-width: thin;
 	}
-	html.dark,
-	html.dark .custom-scrollbar {
+	html[data-theme="dark"],
+	html[data-theme="dark"] .custom-scrollbar {
 		scrollbar-color: #8a99ae #313c50;
 		scrollbar-width: thin;
 	}
diff --git a/src/styles/expressive-code.css b/src/styles/expressive-code.css
@@ -50,7 +50,10 @@ html .expressive-code-overrides .expressive-code .copy button div {
 	--tmLineBrdCol: hsl(222.77deg 38.21% 51.76% / 55.57%);
 }
 
-html.dark .expressive-code-overrides .expressive-code .ec-line.mark {
+html[data-them="dark"].dark
+	.expressive-code-overrides
+	.expressive-code
+	.ec-line.mark {
 	--tmLineBgCol: hsl(214deg 31% 21% / 69%);
 	--tmLineBrdCol: hsl(209deg 61% 70% / 57%);
 }

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`color-scheme: light;`
`11`	`11`	`}`
`12`	`12`
`13`		`- html.dark {`
	`13`	`+ html[data-theme="dark"] {`
`14`	`14`	`color-scheme: dark;`
`15`	`15`	`}`
`16`	`16`
`@@ -24,8 +24,8 @@`
`24`	`24`	`scrollbar-color: #778292 #e7ecf2;`
`25`	`25`	`scrollbar-width: thin;`
`26`	`26`	`}`
`27`		`- html.dark,`
`28`		`- html.dark .custom-scrollbar {`
	`27`	`+ html[data-theme="dark"],`
	`28`	`+ html[data-theme="dark"] .custom-scrollbar {`
`29`	`29`	`scrollbar-color: #8a99ae #313c50;`
`30`	`30`	`scrollbar-width: thin;`
`31`	`31`	`}`
Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,10 @@ html .expressive-code-overrides .expressive-code .copy button div {`
`50`	`50`	`--tmLineBrdCol: hsl(222.77deg 38.21% 51.76% / 55.57%);`
`51`	`51`	`}`
`52`	`52`
`53`		`-html.dark .expressive-code-overrides .expressive-code .ec-line.mark {`
	`53`	`+html[data-them="dark"].dark`
	`54`	`+ .expressive-code-overrides`
	`55`	`+ .expressive-code`
	`56`	`+ .ec-line.mark {`
`54`	`57`	`--tmLineBgCol: hsl(214deg 31% 21% / 69%);`
`55`	`58`	`--tmLineBrdCol: hsl(209deg 61% 70% / 57%);`
`56`	`59`	`}`