Change color-scheme selector to :root

mfranzke · web-flow · commit f114ce613bf8 · 2025-12-04T16:25:04.000+01:00
diff --git a/packages/foundations/scss/defaults/default-required.scss b/packages/foundations/scss/defaults/default-required.scss
@@ -33,7 +33,7 @@
 }
 
 // We'll set the color scheme (https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme) to light and dark if it's not already set as a meta tag in the head, which would be the recommended way.
-html:not(:has([name="color-scheme"])) {
+:root:not(:has([name="color-scheme"])) {
 	color-scheme: light dark;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`// We'll set the color scheme (https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme) to light and dark if it's not already set as a meta tag in the head, which would be the recommended way.`
`36`		`-html:not(:has([name="color-scheme"])) {`
	`36`	`+:root:not(:has([name="color-scheme"])) {`
`37`	`37`	`color-scheme: light dark;`
`38`	`38`	`}`
`39`	`39`