diff --git a/gear-ui3/src/App.vue b/gear-ui3/src/App.vue
index 462e11c..deee6b7 100644
--- a/gear-ui3/src/App.vue
+++ b/gear-ui3/src/App.vue
@@ -7,10 +7,18 @@ import useSettingsStore from '@/store/modules/settings'
 import { handleThemeStyle } from '@/utils/theme'
 import useProductStore from '@/store/modules/product'
 import { getToken } from '@/utils/auth'
+import { useDark } from '@vueuse/core'
+
+const isDark = useDark()
 
 onMounted(() => {
   nextTick(() => {
     // 初始化主题样式
+
+    console.log(isDark.value)
+    if (isDark.value) {
+      useSettingsStore().toggleTheme()
+    }
     handleThemeStyle(useSettingsStore().theme)
     if (getToken()) {
       useProductStore().fetchProductMap()
diff --git a/gear-ui3/src/assets/images/right.png b/gear-ui3/src/assets/images/right.png
new file mode 100644
index 0000000..939271d
Binary files /dev/null and b/gear-ui3/src/assets/images/right.png differ
diff --git a/gear-ui3/src/layout/components/Navbar.vue b/gear-ui3/src/layout/components/Navbar.vue
index ab2db22..ba0a337 100644
--- a/gear-ui3/src/layout/components/Navbar.vue
+++ b/gear-ui3/src/layout/components/Navbar.vue
@@ -10,12 +10,12 @@
 
         <screenfull id="screenfull" class="right-menu-item hover-effect" />
 
-        <el-tooltip content="主题模式" effect="dark" placement="bottom">
+        <!-- <el-tooltip content="主题模式" effect="dark" placement="bottom">
           <div class="right-menu-item hover-effect theme-switch-wrapper" @click="toggleTheme">
             <svg-icon v-if="settingsStore.isDark" icon-class="sunny" />
             <svg-icon v-if="!settingsStore.isDark" icon-class="moon" />
           </div>
-        </el-tooltip>
+        </el-tooltip> -->
 
         <!-- <el-tooltip content="布局大小" effect="dark" placement="bottom">
           <size-select id="size-select" class="right-menu-item hover-effect" />
diff --git a/gear-ui3/src/settings.js b/gear-ui3/src/settings.js
index a00253f..ac1b77c 100644
--- a/gear-ui3/src/settings.js
+++ b/gear-ui3/src/settings.js
@@ -7,7 +7,7 @@ export default {
   /**
    * 侧边栏主题 深色主题theme-dark，浅色主题theme-light
    */
-  sideTheme: 'theme-light',
+  sideTheme: 'theme-dark',
 
   /**
    * 是否系统布局配置