X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Flayout%2F_banner.scss;fp=assets%2Fsass%2Flayout%2F_banner.scss;h=1470f92adf0728fa63e52c06e652f02641b728bc;hb=cb4379e19f22b0e389f369a048c5cce9321366c6;hp=64481d70128aa89837bbe805255f136ec71408e2;hpb=7e7766c9ada48098c94bd94aaac04f919dfb3297;p=theme-danix.xyz.git

diff --git a/assets/sass/layout/_banner.scss b/assets/sass/layout/_banner.scss
index 64481d7..1470f92 100644
--- a/assets/sass/layout/_banner.scss
+++ b/assets/sass/layout/_banner.scss
@@ -28,7 +28,7 @@
 			@include vendor('transition', 'opacity #{_duration(banner)} ease');
 			@include vendor('transition-delay', '0.75s');
 			@include vendor('pointer-events', 'none');
-			background-color: _palette(bg);
+			background-color: _palette_light(bg);
 			content: '';
 			display: block;
 			height: 100%;
@@ -38,6 +38,9 @@
 			top: 0;
 			width: 100%;
 			z-index: 1;
+			@media screen and (prefers-color-scheme: dark) {
+				background-color: _palette_dark(bg);
+			}
 		}
 
 		h1 {
@@ -104,12 +107,21 @@
 			}
 		}
 
-		&.style1 { &:after { background-color: _palette(accent1); } }
-		&.style2 { &:after { background-color: _palette(accent2); } }
-		&.style3 { &:after { background-color: _palette(accent3); } }
-		&.style4 { &:after { background-color: _palette(accent4); } }
-		&.style5 { &:after { background-color: _palette(accent5); } }
-		&.style6 { &:after { background-color: _palette(accent6); } }
+		&.style1 { &:after { background-color: _palette_light(accent1); } }
+		&.style2 { &:after { background-color: _palette_light(accent2); } }
+		&.style3 { &:after { background-color: _palette_light(accent3); } }
+		&.style4 { &:after { background-color: _palette_light(accent4); } }
+		&.style5 { &:after { background-color: _palette_light(accent5); } }
+		&.style6 { &:after { background-color: _palette_light(accent6); } }
+
+		@media screen and (prefers-color-scheme: dark) {
+			&.style1 { &:after { background-color: _palette_dark(accent1); } }
+			&.style2 { &:after { background-color: _palette_dark(accent2); } }
+			&.style3 { &:after { background-color: _palette_dark(accent3); } }
+			&.style4 { &:after { background-color: _palette_dark(accent4); } }
+			&.style5 { &:after { background-color: _palette_dark(accent5); } }
+			&.style6 { &:after { background-color: _palette_dark(accent6); } }
+		}
 
 		body.is-preload & {
 			&:after {