From f65bb671b84fd9522ae21dc695911addd0db3bed Mon Sep 17 00:00:00 2001 From: Eltrac Date: Wed, 8 Jan 2025 18:07:21 +0800 Subject: fix: vaguely visible handwritten text in dark mode --- assets/css/components/_utility.scss | 11 +++++++++++ assets/css/index.scss | 1 + 2 files changed, 12 insertions(+) create mode 100644 assets/css/components/_utility.scss (limited to 'assets/css') diff --git a/assets/css/components/_utility.scss b/assets/css/components/_utility.scss new file mode 100644 index 00000000..fdcda859 --- /dev/null +++ b/assets/css/components/_utility.scss @@ -0,0 +1,11 @@ +.dark { + .invert-if-dark { + filter: invert(1) + } +} + +@media (prefers-color-scheme: dark) { + .invert-if-dark { + filter: invert(1) + } +} diff --git a/assets/css/index.scss b/assets/css/index.scss index fc9f6f4e..d946addc 100644 --- a/assets/css/index.scss +++ b/assets/css/index.scss @@ -7,3 +7,4 @@ @import 'components/shortcodes'; @import 'components/footer'; @import 'components/animation'; +@import 'components/utility' -- cgit v1.2.3