@include circle(200px, "block");\r
@include box-shadow(-5px, 5px, 5px, _palette_light(fg-bold));\r
@media screen and (prefers-color-scheme: dark) {\r
- @include box-shadow(-5px, 5px, 5px, _palette_dark(fg-bold));\r
+ @include box-shadow(-5px, 5px, 5px, _palette_light(fg-bold));\r
}\r
}\r
\r
@import 'layout/footer';
@import 'layout/wrapper';
@import 'layout/menu';
+
+// darken images in dark mode
+@media screen and (prefers-color-scheme: dark) {
+ $image-filter: grayscale(50%);
+
+ img:not([src*='.svg']) {
+ filter: $image-filter;
+ }
+}