From 2cb8acf22753b5f61b79713195be1800a28534ef Mon Sep 17 00:00:00 2001
From: cnwhy <w.why@163.com>
Date: Fri, 31 May 2024 01:12:29 +0800
Subject: [PATCH] fix: theme

---
 src/index.css         | 2 ++
 src/uitls/useTheme.ts | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/index.css b/src/index.css
index 48c2282..a4df90f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4,10 +4,12 @@
   font-weight: 400;
   color-scheme: light dark;
   font-synthesis: none;
+  background-color: #FFF;
   /* text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-text-size-adjust: 100%; */
+  transition: all .5s;
 }
 
 :root.theme-dark {
diff --git a/src/uitls/useTheme.ts b/src/uitls/useTheme.ts
index fa22d33..e4686f6 100644
--- a/src/uitls/useTheme.ts
+++ b/src/uitls/useTheme.ts
@@ -22,7 +22,8 @@ export const useIsDark = ()=> {
   const sysIsDark = useSysIsDark();
   const { theme: userTheme } = useSettings();
   const isDark = useMemo(() => {
-    if (userTheme === "system") {
+    console.log('useIsDark')
+    if (!userTheme || userTheme === "system") {
       return sysIsDark;
     } else {
       return userTheme === "dark" ? true : false;