diff --git a/src/layouts/default/setting/components/SettingFooter.vue b/src/layouts/default/setting/components/SettingFooter.vue
index 695a9d00..13422603 100644
--- a/src/layouts/default/setting/components/SettingFooter.vue
+++ b/src/layouts/default/setting/components/SettingFooter.vue
@@ -35,6 +35,7 @@ import { updateColorWeak } from '@/logics/theme/updateColorWeak'
 import { updateGrayMode } from '@/logics/theme/updateGrayMode'
 import defaultSetting from '@/settings/projectSetting'
 import { changeTheme } from '@/logics/theme'
+import { updateSidebarBgColor } from '@/logics/theme/updateBackground'
 
 const permissionStore = usePermissionStore()
 const { prefixCls } = useDesign('setting-footer')
@@ -57,6 +58,7 @@ function handleResetSetting() {
     appStore.setProjectConfig(defaultSetting)
     const { colorWeak, grayMode, themeColor } = defaultSetting
     changeTheme(themeColor)
+    updateSidebarBgColor()
     updateColorWeak(colorWeak)
     updateGrayMode(grayMode)
     createMessage.success(t('layout.setting.resetSuccess'))