From 8971a28abc749478953ea31f453b036f8f47cda8 Mon Sep 17 00:00:00 2001
From: Gabe <yugang2002@gmail.com>
Date: Wed, 5 Nov 2025 23:15:40 +0800
Subject: [PATCH] fix: html font size (#378)

---
 src/hooks/Theme.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/hooks/Theme.js b/src/hooks/Theme.js
index e7c5d29..2908bbe 100644
--- a/src/hooks/Theme.js
+++ b/src/hooks/Theme.js
@@ -27,6 +27,14 @@ export default function Theme({ children, options = {}, styles = {} }) {
   }, []);
 
   const theme = useMemo(() => {
+    let htmlFontSize = 16;
+    try {
+      const s = window.getComputedStyle(document.documentElement).fontSize;
+      htmlFontSize = parseInt(s.replace("px", ""));
+    } catch (err) {
+      //
+    }
+
     const isDarkMode =
       darkMode === "dark" || (darkMode === "auto" && systemMode === THEME_DARK);
 
@@ -35,7 +43,7 @@ export default function Theme({ children, options = {}, styles = {} }) {
         mode: isDarkMode ? THEME_DARK : THEME_LIGHT,
       },
       typography: {
-        htmlFontSize: document.documentElement.style.fontSize ? "16px" : 16,
+        htmlFontSize,
       },
       ...options,
     });