diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index bbd53cb5d2e5a3b64da9448eaa52d752e4b04da5..cfa2071d943ef2d9cc35cf3820b3af56793969ee 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -120,6 +120,9 @@ const isDark = useDark({
   valueDark: 'dark',
   valueLight: 'light'
 });
+onMounted(() => {
+  isDark.value = settingsStore.dark;
+});
 // 匹配菜单颜色
 watch(isDark, () => {
   if (isDark.value) {