X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fcomponents%2F_icon.scss;fp=assets%2Fsass%2Fcomponents%2F_icon.scss;h=86ad81c83001356651e444b7cf38c155d59e5f5c;hb=cb4379e19f22b0e389f369a048c5cce9321366c6;hp=212f337660fa2f41f2a0940c20c04fe6127448da;hpb=7e7766c9ada48098c94bd94aaac04f919dfb3297;p=theme-danix.xyz.git

diff --git a/assets/sass/components/_icon.scss b/assets/sass/components/_icon.scss
index 212f337..86ad81c 100644
--- a/assets/sass/components/_icon.scss
+++ b/assets/sass/components/_icon.scss
@@ -33,14 +33,18 @@
 
 		&.alt {
 			&:before {
-				background-color: _palette(fg-bold);
+				background-color: _palette_light(fg-bold);
 				border-radius: 100%;
-				color: _palette(bg);
+				color: _palette_light(bg);
 				display: inline-block;
 				height: 2em;
 				line-height: 2em;
 				text-align: center;
 				width: 2em;
+				@media screen and (prefers-color-scheme: dark) {
+					background-color: _palette_dark(fg-bold);
+					color: _palette_dark(bg);
+				}
 			}
 		}
 	}
@@ -53,13 +57,19 @@
 
 			&:hover {
 				&:before {
-					background-color: _palette(accent1);
+					background-color: _palette_light(accent1);
+					@media screen and (prefers-color-scheme: dark) {
+						background-color: _palette_dark(accent1);
+					}
 				}
 			}
 
 			&:active {
 				&:before {
-					background-color: desaturate(darken(_palette(accent1), 15), 5);
+					background-color: desaturate(darken(_palette_light(accent1), 15), 5);
+					@media screen and (prefers-color-scheme: dark) {
+						background-color: desaturate(darken(_palette_dark(accent1), 15), 5);
+					}
 				}
 			}
 		}