diff --git a/src/App.vue b/src/App.vue
index a636d04..f901596 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -52,4 +52,8 @@ const tabStore = useTabStore()
 const keepAliveNames = computed(() => {
   return tabStore.tabs.filter((item) => item.keepAlive).map((item) => item.name)
 })
+
+watchEffect(() => {
+  appStore.setThemeColor(appStore.primaryColor, appStore.isDark)
+})
 </script>
diff --git a/src/components/common/ThemeSetting.vue b/src/components/common/ThemeSetting.vue
index 7dd7560..02239ac 100644
--- a/src/components/common/ThemeSetting.vue
+++ b/src/components/common/ThemeSetting.vue
@@ -18,8 +18,4 @@ import { useAppStore } from '@/store'
 const appStore = useAppStore()
 
 const primaryColors = Object.entries(getPresetColors()).map(([, value]) => value.primary)
-
-watchEffect(() => {
-  appStore.setThemeColor(appStore.primaryColor, appStore.isDark)
-})
 </script>