From d9849e6a8a9db8dc1dfa629848da1eff1ec42180 Mon Sep 17 00:00:00 2001 From: danix Date: Thu, 23 Feb 2023 13:56:05 +0100 Subject: [PATCH] added code to darken images in dark mode. Easier on the eyes. --- assets/sass/components/_image.scss | 2 +- assets/sass/main.scss | 9 +++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss index 6f7981c..9636a0f 100644 --- a/assets/sass/components/_image.scss +++ b/assets/sass/components/_image.scss @@ -65,7 +65,7 @@ @include circle(200px, "block"); @include box-shadow(-5px, 5px, 5px, _palette_light(fg-bold)); @media screen and (prefers-color-scheme: dark) { - @include box-shadow(-5px, 5px, 5px, _palette_dark(fg-bold)); + @include box-shadow(-5px, 5px, 5px, _palette_light(fg-bold)); } } diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 37f5678..26fae48 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -70,3 +70,12 @@ @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; + } +} -- 2.20.1