From 1dbf93c1cf5bc54b6b43e11c862a6eca6756e942 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Wed, 9 Jul 2025 16:41:40 +0800
Subject: [PATCH] css: lighten the highlight color in dark mode, closes #1489
 (#1561)

---
 apps/readest-app/src/hooks/useTheme.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/apps/readest-app/src/hooks/useTheme.ts b/apps/readest-app/src/hooks/useTheme.ts
index 6adb393e..61beb6a6 100644
--- a/apps/readest-app/src/hooks/useTheme.ts
+++ b/apps/readest-app/src/hooks/useTheme.ts
@@ -100,5 +100,9 @@ export const useTheme = ({
     const colorScheme = isDarkMode ? 'dark' : 'light';
     document.documentElement.setAttribute('data-theme', `${themeColor}-${colorScheme}`);
     document.documentElement.style.setProperty('color-scheme', colorScheme);
+    document.documentElement.style.setProperty(
+      '--overlayer-highlight-blend-mode',
+      isDarkMode ? 'lighten' : 'normal',
+    );
   }, [themeColor, isDarkMode]);
 };