make shiki support custom theme class

tannerlinsley · tannerlinsley · commit f68871656622 · 2025-03-21T15:35:05.000-06:00
diff --git a/app/styles/app.css b/app/styles/app.css
@@ -441,16 +441,12 @@ pre .logger.log-log svg {
   margin-right: 9px;
 }
 
-@media (prefers-color-scheme: light) {
-  .shiki.tokyo-night {
-    display: none;
-  }
+html:not(.dark) .shiki.tokyo-night {
+  display: none;
 }
 
-@media (prefers-color-scheme: dark) {
-  .shiki.github-light {
-    display: none;
-  }
+html.dark .shiki.github-light {
+  display: none;
 }
 
 /* TanStack Router Devtools */

Original file line number	Diff line number	Diff line change
`@@ -441,16 +441,12 @@ pre .logger.log-log svg {`
`441`	`441`	`margin-right: 9px;`
`442`	`442`	`}`
`443`	`443`
`444`		`-@media (prefers-color-scheme: light) {`
`445`		`- .shiki.tokyo-night {`
`446`		`- display: none;`
`447`		`- }`
	`444`	`+html:not(.dark) .shiki.tokyo-night {`
	`445`	`+ display: none;`
`448`	`446`	`}`
`449`	`447`
`450`		`-@media (prefers-color-scheme: dark) {`
`451`		`- .shiki.github-light {`
`452`		`- display: none;`
`453`		`- }`
	`448`	`+html.dark .shiki.github-light {`
	`449`	`+ display: none;`
`454`	`450`	`}`
`455`	`451`
`456`	`452`	`/* TanStack Router Devtools */`