优化深色模式

src/assets/styles/black.scss

@@ -1,14 +1,14 @@
 // 黑夜模式
 [data-theme='theme-black'] {
-  // root
-  --base-menu-color: #304156;
-  --base-menu-color-active: #f4f4f5;
-  --base-bg-main: #304156;
-  --base-menu-background: #304156;
-  --base-logo-title-color: #ffffff;
-  --base-topBar-background: #304156 !important;
-  --base-topBar-color: #fff;
   --base-color: #304156;
+  // root
+  --base-menu-color: var(--base-color);
+  --base-menu-color-active: #f4f4f5;
+  --base-bg-main: var(--base-color);
+  --base-menu-background: var(--base-color);
+  --base-logo-title-color: #ffffff;
+  --base-topBar-background: var(--base-color) !important;
+  --base-topBar-color: #fff;
   // --base-tags-bg-border: #304156 !important;
   //缩小状态下子菜单选中颜色
   // --base-sub-menu-hover: #000;
@@ -16,7 +16,6 @@
   --next-color-white: #ffffff;
   --next-color-disabled: #304156;
   --next-color-bar: #dadada;
-  --next-color-primary: #304156;
   --next-border-color: #424242;
   --next-border-black: #333333;
   --next-text-color-regular: #9b9da1;
@@ -35,10 +34,10 @@
   --el-border-color-light: var(--next-border-black) !important;
   --el-text-color-regular: var(--next-text-color-regular) !important;
   --el-bg-color: var(--base-bg-main) !important;
-  --el-color-success-lighter: var(--next-color-primary) !important;
-  --el-color-warning-lighter: var(--next-color-primary) !important;
-  --el-color-danger-lighter: var(--next-color-primary) !important;
-  --el-color-primary-lighter: var(--next-color-primary) !important;
+  --el-color-success-lighter: var(--base-color) !important;
+  --el-color-warning-lighter: var(--base-color) !important;
+  --el-color-danger-lighter: var(--base-color) !important;
+  --el-color-primary-lighter: var(--base-color) !important;
   --el-color-primary-light-9: var(--next-color-hover) !important;
   --el-text-color-disabled-base: var(--el-color-primary) !important;
   --el-border-color-lighter: var(--next-border-black) !important;
@@ -87,7 +86,7 @@
     background-color: var(--el-color-white) !important;
   }
   .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
-    background: var(--next-color-primary) !important;
+    background: var(--base-color) !important;
   }
 
   // alert / notice-bar
@@ -136,4 +135,11 @@
     background-color: var(--base-color) !important;
     // border-color: var(--base-color) !important;
   }
+
+  // md 编辑器、图片加载错误、
+  .md,
+  .el-upload--picture-card,
+  .el-image__error {
+    background: none !important;
+  }
 }

src/components/Notice/Index.vue

@@ -52,69 +52,67 @@ function onGoToGiteeClick() {
 </script>
 
 <style lang="scss">
-.layout-navbars-breadcrumb-user-news {
-  .head-box {
-    display: flex;
-    border-bottom: 1px solid #ebeef5;
-    box-sizing: border-box;
-    color: #333333;
-    justify-content: space-between;
-    height: 35px;
-    align-items: center;
-    .head-box-btn {
-      color: #1890ff;
-      font-size: 13px;
-      cursor: pointer;
-      opacity: 0.8;
-      &:hover {
-        opacity: 1;
-      }
-    }
-  }
-  .content-box {
-    font-size: 13px;
-    .content-box-item {
-      padding-top: 12px;
-      &:last-of-type {
-        padding-bottom: 12px;
-      }
-      .content-box-msg {
-        color: #999999;
-        margin-top: 5px;
-        margin-bottom: 5px;
-      }
-      .content-box-time {
-        color: #999999;
-      }
-    }
-    .content-box-empty {
-      height: 260px;
-      display: flex;
-      .content-box-empty-margin {
-        margin: auto;
-        text-align: center;
-        i {
-          font-size: 60px;
-        }
-      }
-    }
-  }
-  .foot-box {
-    height: 35px;
+.head-box {
+  display: flex;
+  border-bottom: 1px solid #ebeef5;
+  box-sizing: border-box;
+  color: #333333;
+  justify-content: space-between;
+  height: 35px;
+  align-items: center;
+  .head-box-btn {
     color: #1890ff;
     font-size: 13px;
     cursor: pointer;
     opacity: 0.8;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-top: 1px solid #ebeef5;
     &:hover {
       opacity: 1;
     }
   }
-  :deep(.el-empty__description p) {
-    font-size: 13px;
+}
+.content-box {
+  font-size: 13px;
+  .content-box-item {
+    padding-top: 12px;
+    &:last-of-type {
+      padding-bottom: 12px;
+    }
+    .content-box-msg {
+      color: #999999;
+      margin-top: 5px;
+      margin-bottom: 5px;
+    }
+    .content-box-time {
+      color: #999999;
+    }
+  }
+  .content-box-empty {
+    height: 260px;
+    display: flex;
+    .content-box-empty-margin {
+      margin: auto;
+      text-align: center;
+      i {
+        font-size: 60px;
+      }
+    }
   }
 }
+.foot-box {
+  height: 35px;
+  color: #1890ff;
+  font-size: 13px;
+  cursor: pointer;
+  opacity: 0.8;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-top: 1px solid #ebeef5;
+  &:hover {
+    opacity: 1;
+  }
+}
+:deep(.el-empty__description p) {
+  font-size: 13px;
+}
 </style>

src/views/system/dept/index.vue

@@ -23,7 +23,7 @@
       <el-col :span="1.5">
         <el-button type="info" plain icon="sort" @click="toggleExpandAll">展开/折叠</el-button>
       </el-col>
-      <right-toolbar :showSearch="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table

src/views/system/role/index.vue

@@ -584,7 +584,7 @@ proxy.getDicts('sys_normal_disable').then((response) => {
 .tree-border {
   margin-top: 5px;
   border: 1px solid #e5e6e7;
-  background: #ffffff none;
+  background: var(--base-bg-main) none;
   border-radius: 4px;
   width: 100%;
 }

src/views/tool/gen/index.vue

@@ -61,7 +61,7 @@ import { codeGenerator, listTable, delTable, previewTable, synchDb } from '@/api
 import { useRouter } from 'vue-router'
 import importTable from './importTable'
 import hljs from 'highlight.js'
-import 'highlight.js/styles/idea.css' // 这里有多个样式，自己可以根据需要切换
+import 'highlight.js/styles/dark.css' // 这里有多个样式，自己可以根据需要切换
 
 // const route = useRoute()
 const router = useRouter()