From f65bb671b84fd9522ae21dc695911addd0db3bed Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
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 +
 .../\346\211\251\345\274\240\346\203\257\346\200\247.md"      |  8 ++++++++
 3 files changed, 20 insertions(+)
 create mode 100644 assets/css/components/_utility.scss

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'
diff --git "a/content/posts/\346\211\251\345\274\240\346\203\257\346\200\247.md" "b/content/posts/\346\211\251\345\274\240\346\203\257\346\200\247.md"
index 514b1ee1..a73020f5 100644
--- "a/content/posts/\346\211\251\345\274\240\346\203\257\346\200\247.md"
+++ "b/content/posts/\346\211\251\345\274\240\346\203\257\346\200\247.md"
@@ -8,10 +8,16 @@ tags:
   - 手写文章
 ---
 
+<div class="invert-if-dark">
+
 ![IMG_0269](https://image.guhub.cn/uPic/2025/01/IMG_0269-removebg-preview-2.png)
 
+</div>
+
 <!--more-->
 
+<div class="invert-if-dark">
+
 ![IMG_0271](https://image.guhub.cn/uPic/2025/01/Unknown.png)
 
 ![IMG_0274](https://image.guhub.cn/uPic/2025/01/Unknown-1.png)
@@ -20,6 +26,8 @@ tags:
 
 ![IMG_0275](https://image.guhub.cn/uPic/2025/01/Unknown-3.png)
 
+</div>
+
 <details>
   <summary>查看文字版</summary>
 
-- 
cgit v1.2.3