X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fcomponents%2F_tiles.scss;fp=assets%2Fsass%2Fcomponents%2F_tiles.scss;h=4e199ae2ecc63a3f6fe601c4eee07442f97597f1;hb=cb4379e19f22b0e389f369a048c5cce9321366c6;hp=71745cfc9d1cc22e24cdd1fba08c9e5b791e65e0;hpb=7e7766c9ada48098c94bd94aaac04f919dfb3297;p=theme-danix.xyz.git

diff --git a/assets/sass/components/_tiles.scss b/assets/sass/components/_tiles.scss
index 71745cf..4e199ae 100644
--- a/assets/sass/components/_tiles.scss
+++ b/assets/sass/components/_tiles.scss
@@ -79,7 +79,7 @@
 			}
 
 			&:after {
-				background-color: transparentize(_palette(bg), 0.75);
+				background-color: transparentize(_palette_light(bg), 0.75);
 				content: '';
 				display: block;
 				height: 100%;
@@ -88,6 +88,9 @@
 				top: 0;
 				width: 100%;
 				z-index: 1;
+				@media screen and (prefers-color-scheme: dark) {
+					background-color: transparentize(_palette_dark(bg), 0.75);
+				}
 			}
 
 			&:hover {
@@ -109,37 +112,55 @@
 
 			&:nth-child(6n - 5) {
 				&:before {
-					background-color: _palette(accent1);
+					background-color: _palette_light(accent1);
+					@media screen and (prefers-color-scheme: dark) {
+						background-color: _palette_dark(accent1);
+					}
 				}
 			}
 
 			&:nth-child(6n - 4) {
 				&:before {
-					background-color: _palette(accent2);
+					background-color: _palette_light(accent2);
+					@media screen and (prefers-color-scheme: dark) {
+						background-color: _palette_dark(accent2);
+					}
 				}
 			}
 
 			&:nth-child(6n - 3) {
 				&:before {
-					background-color: _palette(accent3);
+					background-color: _palette_light(accent3);
+					@media screen and (prefers-color-scheme: dark) {
+						background-color: _palette_dark(accent3);
+					}
 				}
 			}
 
 			&:nth-child(6n - 2) {
 				&:before {
-					background-color: _palette(accent4);
+					background-color: _palette_light(accent4);
+					@media screen and (prefers-color-scheme: dark) {
+						background-color: _palette_dark(accent4);
+					}
 				}
 			}
 
 			&:nth-child(6n - 1) {
 				&:before {
-					background-color: _palette(accent5);
+					background-color: _palette_light(accent5);
+					@media screen and (prefers-color-scheme: dark) {
+						background-color: _palette_dark(accent5);
+					}
 				}
 			}
 
 			&:nth-child(6n) {
 				&:before {
-					background-color: _palette(accent6);
+					background-color: _palette_light(accent6);
+					@media screen and (prefers-color-scheme: dark) {
+						background-color: _palette_dark(accent6);
+					}
 				}
 			}
 		}