Update default-required.scss

mfranzke · web-flow · commit 792dad78a68f · 2025-12-04T15:15:27.000+01:00
diff --git a/packages/foundations/scss/defaults/default-required.scss b/packages/foundations/scss/defaults/default-required.scss
@@ -32,6 +32,11 @@
 	}
 }
 
+// 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"])) {
+	color-scheme: light dark;
+}
+
 /* TODO: Switch to attr() as soon as this one is fully supported */
 [data-mode="light"] {
 	color-scheme: light;

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,11 @@`
`32`	`32`	`}`
`33`	`33`	`}`
`34`	`34`
	`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"])) {`
	`37`	`+ color-scheme: light dark;`
	`38`	`+}`
	`39`	`+`
`35`	`40`	`/* TODO: Switch to attr() as soon as this one is fully supported */`
`36`	`41`	`[data-mode="light"] {`
`37`	`42`	`color-scheme: light;`