diff --git a/src/layouts/default/setting/components/SettingFooter.vue b/src/layouts/default/setting/components/SettingFooter.vue
index 694c8fd79d006d8a8975d8de99b76ed2b7ac5e93..0bfe56fd8fa84cb9edea7ac4998188718bb38bd1 100644
--- a/src/layouts/default/setting/components/SettingFooter.vue
+++ b/src/layouts/default/setting/components/SettingFooter.vue
@@ -35,6 +35,7 @@
   import { updateGrayMode } from '/@/logics/theme/updateGrayMode';
   import defaultSetting from '/@/settings/projectSetting';
   import { changeTheme } from '/@/logics/theme';
+  import { updateSidebarBgColor } from '/@/logics/theme/updateBackground';
 
   export default defineComponent({
     name: 'SettingFooter',
@@ -63,6 +64,7 @@
           appStore.setProjectConfig(defaultSetting);
           const { colorWeak, grayMode, themeColor } = defaultSetting;
           changeTheme(themeColor);
+          updateSidebarBgColor();
           updateColorWeak(colorWeak);
           updateGrayMode(grayMode);
           createMessage.success(t('layout.setting.resetSuccess'));