refactor: added further relevant styles

mfranzke · mfranzke · commit 05e7ff925443 · 2023-07-12T07:26:52.000+02:00
diff --git a/source/_patterns/02-components/cards/card.scss b/source/_patterns/02-components/cards/card.scss
@@ -3,6 +3,9 @@
 
 .cmp-card {
 	background-color: #fff;
+	@media (prefers-color-scheme: dark) {
+		background-color: color-mix(in srgb, transparent 95%, currentColor);
+	}
 
 	border-radius: 8px;
 	box-shadow: $box-shadow-01, $box-shadow-02;
diff --git a/source/css/pattern-scaffolding-project-specific.scss b/source/css/pattern-scaffolding-project-specific.scss
@@ -35,6 +35,13 @@ pl-iframe {
 		// Splitted Intro Page
 		&:nth-of-type(2) {
 			background-color: $db-color-cool-gray-100;
+			@media (prefers-color-scheme: dark) {
+				background-color: color-mix(
+					in srgb,
+					transparent 95%,
+					currentColor
+				);
+			}
 			padding-bottom: 2.5rem;
 		}
 	}

Original file line number	Diff line number	Diff line change
`@@ -35,6 +35,13 @@ pl-iframe {`
`35`	`35`	`// Splitted Intro Page`
`36`	`36`	`&:nth-of-type(2) {`
`37`	`37`	`background-color: $db-color-cool-gray-100;`
	`38`	`+ @media (prefers-color-scheme: dark) {`
	`39`	`+ background-color: color-mix(`
	`40`	`+ in srgb,`
	`41`	`+ transparent 95%,`
	`42`	`+ currentColor`
	`43`	`+ );`
	`44`	`+ }`
`38`	`45`	`padding-bottom: 2.5rem;`
`39`	`46`	`}`
`40`	`47`	`}`