diff --git a/src/layout/components/setting/index.vue b/src/layout/components/setting/index.vue
index 8c4398490..49aad68b6 100644
--- a/src/layout/components/setting/index.vue
+++ b/src/layout/components/setting/index.vue
@@ -331,8 +331,8 @@ nextTick(() => {
       </el-tooltip>
     </ul>
 
-    <el-divider v-if="!dataTheme">主题色</el-divider>
-    <ul class="theme-color" v-if="!dataTheme">
+    <el-divider v-show="!dataTheme">主题色</el-divider>
+    <ul class="theme-color" v-show="!dataTheme">
       <li
         v-for="(item, index) in themeColors"
         :key="index"
@@ -351,7 +351,7 @@ nextTick(() => {
 
     <el-divider>界面显示</el-divider>
     <ul class="setting">
-      <li>
+      <li v-show="!dataTheme">
         <span>灰色模式</span>
         <el-switch
           v-model="settings.greyVal"
@@ -363,7 +363,7 @@ nextTick(() => {
         >
         </el-switch>
       </li>
-      <li>
+      <li v-show="!dataTheme">
         <span>色弱模式</span>
         <el-switch
           v-model="settings.weakVal"
diff --git a/types/global.d.ts b/types/global.d.ts
index 47526da69..90396fb9e 100644
--- a/types/global.d.ts
+++ b/types/global.d.ts
@@ -81,8 +81,8 @@ declare global {
     KeepAlive?: boolean;
     Locale?: string;
     Layout?: string;
-    DarkMode?: boolean;
     Theme?: string;
+    DarkMode?: boolean;
     Grey?: boolean;
     Weak?: boolean;
     HideTabs?: boolean;