refactor: trying another approach

mfranzke · mfranzke · commit 0e54e19ee2ac · 2025-12-05T11:36:05.000+01:00
diff --git a/packages/foundations/scss/defaults/default-required.scss b/packages/foundations/scss/defaults/default-required.scss
@@ -37,16 +37,16 @@
 	color-scheme: var(--db-color-scheme, light dark);
 }
 // We need to set the CSS value based on an existing HTML meta tag definition because the previous CSS definition would override that HTML declaration.
-body {
-	&:has([name="color-scheme"][content="light dark"]) {
+head {
+	&:has([name="color-scheme"][content="light dark"]) + body {
 		--db-color-scheme: light dark;
 	}
 
-	&:has([name="color-scheme"][content="light"]) {
+	&:has([name="color-scheme"][content="light"]) + body {
 		--db-color-scheme: light;
 	}
 
-	&:has([name="color-scheme"][content="dark"]) {
+	&:has([name="color-scheme"][content="dark"]) + body {
 		--db-color-scheme: dark;
 	}
 }

Original file line number	Diff line number	Diff line change
`@@ -37,16 +37,16 @@`
`37`	`37`	`color-scheme: var(--db-color-scheme, light dark);`
`38`	`38`	`}`
`39`	`39`	`// We need to set the CSS value based on an existing HTML meta tag definition because the previous CSS definition would override that HTML declaration.`
`40`		`-body {`
`41`		`- &:has([name="color-scheme"][content="light dark"]) {`
	`40`	`+head {`
	`41`	`+ &:has([name="color-scheme"][content="light dark"]) + body {`
`42`	`42`	`--db-color-scheme: light dark;`
`43`	`43`	`}`
`44`	`44`
`45`		`- &:has([name="color-scheme"][content="light"]) {`
	`45`	`+ &:has([name="color-scheme"][content="light"]) + body {`
`46`	`46`	`--db-color-scheme: light;`
`47`	`47`	`}`
`48`	`48`
`49`		`- &:has([name="color-scheme"][content="dark"]) {`
	`49`	`+ &:has([name="color-scheme"][content="dark"]) + body {`
`50`	`50`	`--db-color-scheme: dark;`
`51`	`51`	`}`
`52`	`52`	`}`