X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fcomponents%2F_image.scss;h=131fa48dc23a75b8055e25478163a545215bb88f;hb=ca7530825d1ff39bb77947934ef24187a9590fcf;hp=6e1388effc13b34642453003e94797ba399ab60a;hpb=7e7766c9ada48098c94bd94aaac04f919dfb3297;p=theme-danix.xyz.git

diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss
index 6e1388e..131fa48 100644
--- a/assets/sass/components/_image.scss
+++ b/assets/sass/components/_image.scss
@@ -60,10 +60,22 @@
 			}
 		}
 	}
+	.image.signature {
+		&.left,
+		&.right {
+			max-width: 60%;
+		}
+		@media screen and (prefers-color-scheme: dark) {
+			filter: invert(84%) sepia(12%) saturate(486%) hue-rotate(197deg) brightness(84%) contrast(87%);
+		}
+	}
 
 	.circle > img {
 		@include circle(200px, "block");
-		@include box-shadow(-5px, 5px, 5px, _palette(fg-bold));
+		@include box-shadow(-5px, 5px, 5px, _palette_light(fg-bold));
+		@media screen and (prefers-color-scheme: dark) {
+			@include box-shadow(-5px, 5px, 5px, _palette_light(fg-bold));
+		}
 	}
 
 	video {