From 7e0f58d79d3ddef63a39c8e4365e34659a872a65 Mon Sep 17 00:00:00 2001
From: pompurin404 <pompurin404@mihomo.party>
Date: Mon, 19 Aug 2024 21:07:16 +0800
Subject: [PATCH] fix auto theme

---
 src/renderer/src/App.tsx            | 7 +++----
 src/renderer/src/pages/settings.tsx | 7 +++----
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index db7bb41..002b5b1 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -63,15 +63,14 @@ const App: React.FC = () => {
   }, [siderOrder])
 
   useEffect(() => {
-    setTheme(appTheme)
-    if (appTheme === 'system') {
-      setNativeTheme('system')
-    }
     if (appTheme.includes('light')) {
       setNativeTheme('light')
+    } else if (appTheme === 'system') {
+      setNativeTheme('system')
     } else {
       setNativeTheme('dark')
     }
+    setTheme(appTheme)
   }, [appTheme])
 
   const onDragEnd = async (event: DragEndEvent): Promise<void> => {
diff --git a/src/renderer/src/pages/settings.tsx b/src/renderer/src/pages/settings.tsx
index 0c8e8a3..1ec6748 100644
--- a/src/renderer/src/pages/settings.tsx
+++ b/src/renderer/src/pages/settings.tsx
@@ -82,15 +82,14 @@ const Settings: React.FC = () => {
           themeStr += `-${color}`
         }
       }
-      setTheme(themeStr)
-      if (themeStr === 'system') {
-        setNativeTheme('system')
-      }
       if (themeStr.includes('light')) {
         setNativeTheme('light')
+      } else if (themeStr === 'system') {
+        setNativeTheme('system')
       } else {
         setNativeTheme('dark')
       }
+      setTheme(themeStr)
       patchAppConfig({ appTheme: themeStr as AppTheme })
     } else {
       let themeStr = theme