From 2e46bc1627ec006930eaf309f6d9b24c5a260e5e Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Sun, 11 May 2025 20:34:51 +0800
Subject: [PATCH] css: get rid of hardcoded font color only when overriding
 font, closes #1095 (#1120)

---
 apps/readest-app/src/utils/style.ts | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/apps/readest-app/src/utils/style.ts b/apps/readest-app/src/utils/style.ts
index 395d2014..4c0abb30 100644
--- a/apps/readest-app/src/utils/style.ts
+++ b/apps/readest-app/src/utils/style.ts
@@ -448,7 +448,7 @@ export const transformStylesheet = (
   // replace absolute font sizes with rem units
   // replace vw and vh as they cause problems with layout
   // replace hardcoded colors
-  return css
+  css = css
     .replace(/font-size\s*:\s*xx-small/gi, 'font-size: 0.6rem')
     .replace(/font-size\s*:\s*x-small/gi, 'font-size: 0.75rem')
     .replace(/font-size\s*:\s*small/gi, 'font-size: 0.875rem')
@@ -466,8 +466,13 @@ export const transformStylesheet = (
       return `font-size: ${rem}rem`;
     })
     .replace(/(\d*\.?\d+)vw/gi, (_, d) => (parseFloat(d) * w) / 100 + 'px')
-    .replace(/(\d*\.?\d+)vh/gi, (_, d) => (parseFloat(d) * h) / 100 + 'px')
-    .replace(/[\s;]color\s*:\s*#000000/gi, 'color: var(--theme-fg-color)')
-    .replace(/[\s;]color\s*:\s*#000/gi, 'color: var(--theme-fg-color)')
-    .replace(/[\s;]color\s*:\s*rgb\(0,\s*0,\s*0\)/gi, 'color: var(--theme-fg-color)');
+    .replace(/(\d*\.?\d+)vh/gi, (_, d) => (parseFloat(d) * h) / 100 + 'px');
+
+  if (viewSettings.overrideFont) {
+    css = css
+      .replace(/[\s;]color\s*:\s*#000000/gi, 'color: var(--theme-fg-color)')
+      .replace(/[\s;]color\s*:\s*#000/gi, 'color: var(--theme-fg-color)')
+      .replace(/[\s;]color\s*:\s*rgb\(0,\s*0,\s*0\)/gi, 'color: var(--theme-fg-color)');
+  }
+  return css;
 };