深色模式调试

src/styles/app/theme.scss

@@ -28,6 +28,10 @@ html.dark {
     html, body, #app {
         background: var(--el-bg-color-overlay);
     }
+    //首页背景
+    .hc-layout-box .hc-layout-bg-box {
+        opacity: .1;
+    }
     //左侧菜单
     .hc-layout-box .hc-aside-box {
         color: var(--el-text-color-primary);
@@ -36,6 +40,12 @@ html.dark {
         border: 1px solid var(--hc-border-color);
         border-left: 0;
         border-bottom: 0;
+        &.home-index {
+            color: var(--el-text-color-primary);
+            background: var(--el-bg-color-overlay);
+            backdrop-filter: initial;
+            -webkit-backdrop-filter: initial;
+        }
         .hc-aside-logo-box .logo-img-1 {
             &.white {
                 display: none;
@@ -55,6 +65,13 @@ html.dark {
             background-image: linear-gradient(90deg, rgba(102, 102, 102, 0) 11%, #474646 35%, #474646 64%, rgba(102, 102, 102, 0) 86%);
         }
     }
+    //左栏
+    .hc-layout-box .hc-layout-left-box {
+        color: var(--el-text-color-primary);
+        background: var(--el-bg-color-overlay);
+        box-shadow: initial;
+        border: 1px solid var(--hc-border-color);
+    }
     //小图标时的菜单
     .aside-menu-popper.el-popper .el-menu--vertical .el-menu {
         background-color: #393939;
@@ -112,13 +129,17 @@ html.dark {
             color: var(--hc-text-color);
         }
         &:before {
-            border-left: 1px solid var(--hc-border-color);
+            border-color: var(--hc-border-color);
         }
     }
 
     //按钮
     .el-button[hc-btn] {
-        border: 1px solid var(--hc-border-color);
+        border-color: var(--hc-border-color);
+    }
+    .el-button[hc-btn].is-disabled:not([class*=el-button--]) {
+        --el-button-disabled-text-color: var(--el-color-info-light-5);
+        --el-button-disabled-bg-color: var(--el-color-info-light-9);
     }
 
     //日期范围
@@ -153,21 +174,186 @@ html.dark {
             --el-table-text-color: var(--hc-text-color);
             --el-table-row-hover-bg-color: #454545;
         }
+        .el-table[hc].el-table--border {
+            --el-table-border-color: var(--hc-border-color);
+        }
     }
     //分页
     .card-page-box .el-pagination.is-background .btn-next, .card-page-box .el-pagination.is-background .btn-prev, .card-page-box .el-pagination.is-background .el-pager li {
-        border: 1px solid var(--hc-border-color);
+        border-color: var(--hc-border-color);
     }
     //弹窗
     .el-overlay-dialog .el-dialog {
         background: var(--el-bg-color-overlay);
         &.hc-modal-border {
             .el-dialog__header {
-                border-bottom: 1px solid var(--hc-border-color);
+                border-color: var(--hc-border-color);
             }
             .el-dialog__footer {
-                border-top: 1px solid var(--hc-border-color);
+                border-color: var(--hc-border-color);
+            }
+        }
+    }
+    .el-message-box {
+        background: var(--el-bg-color-overlay);
+    }
+
+    //步进器
+    .hc-counter-box .counter-box {
+        color: var(--hc-text-color);
+        .counter-btn {
+            border-color: var(--hc-border-color);
+            color: var(--hc-text-color);
+            background-color: var(--el-bg-color-overlay);
+        }
+        .counter-btn[disabled=true] {
+            color: var(--hc-label-color);
+            background-color: var(--hc-bg-color);
+        }
+        .counter-val {
+            border-color: var(--hc-border-color);
+        }
+    }
+    //工单服务
+    .hc-order-service .order-service-content .content-box .comment-card-box {
+        border: 1px solid var(--hc-border-color);
+        background: var(--el-bg-color-overlay);
+        .card-content-box .user-info-box .text-lg {
+            color: var(--hc-text-color);
+        }
+        .card-content-box .desc_para {
+            color: var(--hc-text-color);
+        }
+        .collapse-comment-box .user-comment-info-box .user-comment-box .user-comment-content-box {
+            color: var(--hc-text-color);
+        }
+    }
+
+    //选择任务人
+    .hc-tasks-user .tasks-user-box {
+        border-color: var(--hc-border-color);
+    }
+    .hc-tasks-user-modal-content-box .user-box .y-user-list-box .title-box,
+    .hc-tasks-user-modal-content-box .user-box .s-user-list-box .title-box {
+        border-color: var(--hc-border-color);
+        background-color: var(--hc-bg-color);
+        color: var(--hc-label-color);
+    }
+    .hc-tasks-user-modal-content-box .user-box .s-user-list-box {
+        border-color: var(--hc-border-color);
+    }
+    .hc-tasks-user-modal-content-box .user-box .y-user-list-box .user-list .user-item + .user-item,
+    .hc-tasks-user-modal-content-box .user-box .s-user-list-box .user-list .user-item + .user-item {
+        border-color: var(--hc-border-color);
+    }
+    .hc-tasks-user-modal-content-box .tree-box {
+        border-color: var(--hc-border-color);
+        .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+            background-color: #454545;
+            color: #ffffff;
+        }
+    }
+    .sort-node-body-box.list-group {
+        border-color: var(--hc-border-color);
+        .list-group-item + .list-group-item{
+            border-color: var(--hc-border-color);
+        }
+    }
+    .sort-node-body-box.list-group.header .list-group-item {
+        background-color: var(--hc-bg-color);
+        color: var(--hc-label-color);
+    }
+    //左侧小菜单栏
+    .hc-menu-simple-box .item-box {
+        border: 1px solid var(--hc-border-color);
+        background: var(--el-bg-color-overlay);
+        .icon-box {
+            background-color: var(--hc-bg-color);
+            color: var(--hc-label-color);
+        }
+        .label-box {
+            color: var(--hc-label-color);
+        }
+        &.active {
+            .label-box {
+                color: var(--hc-text-color);
+            }
+        }
+        &:hover:not(.active) {
+            .icon-box {
+                color: var(--hc-text-color);
+                background-color: var(--hc-bg-color);
+            }
+            .label-box {
+                color: var(--hc-text-color);
+                font-weight: 500;
             }
         }
     }
+    //树
+    .hc-tree-node.tree-line .el-tree-node.is-expanded.is-current.is-focusable {
+        background: var(--hc-bg-color);
+    }
+    .data-custom-tree-node .menu-icon {
+        background: initial;
+        color: var(--el-bg-color-overlay);
+    }
+    //工程划分树
+    .hc-page-layout-box .hc-layout-left-box .hc-project-box {
+        border-color: var(--hc-border-color);
+    }
+    .hc-page-content-box.hc-division-page .project-info {
+        height: calc(100% - 346px);
+    }
+    .hc-page-content-box.hc-division-page .footer-box {
+        color: var(--el-text-color-primary);
+        background: var(--el-bg-color-overlay);
+        border: 1px solid var(--hc-border-color);
+        box-shadow: initial;
+    }
+    .hc-import-temp-box .hc-import-node-tree-box .import-node-tree-box,
+    .hc-import-temp-box .hc-import-node-tree-box .import-node-tree-box .hc-tree-title-box {
+        border-color: var(--hc-border-color);
+    }
+    .hc-layout-box .hc-layout-left-box .hc-project-box,
+    .hc-layout-box .hc-layout-left-box .hc-tree-foot-tip-box {
+        border-color: var(--hc-border-color);
+    }
+
+    .copy-node-many-box, .copy-node-many-box .copy-node-many-tree {
+        border-color: var(--hc-border-color);
+    }
+
+    .data-fill-list-box .el-collapse .el-collapse-item {
+        background-color: var(--el-bg-color-overlay);
+        border-color: var(--hc-border-color);
+        .hc-collapse-item-header .item-title {
+            color: var(--hc-label-color);
+        }
+        .el-collapse-item__header .el-collapse-item__arrow {
+            color: var(--hc-label-color);
+        }
+    }
+    .data-fill-list-box .el-collapse .el-collapse-item.is-active .el-collapse-item__header.is-active {
+        background: var(--hc-bg-color);
+        .item-title, .el-collapse-item__arrow {
+            color: var(--hc-text-color);
+        }
+    }
+    .data-fill-list-box .data-fill-list-item-content .data-fill-table-tip-box {
+        border-color: var(--hc-border-color);
+    }
+
+    //切换按钮
+    .hc-new-switch {
+        background: var(--hc-bg-color);
+        box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.15) inset, -4px -4px 8px 0 var(--hc-bg-color) inset;
+        .switch-bg {
+            color: var(--hc-label-color);
+        }
+        .switch-bg.dots {
+            color: var(--hc-text-color);
+            box-shadow: 4px 4px 8px 0 rgba(54, 92, 167, 0.15), -3px -2px 8px 0 var(--hc-bg-color);
+        }
+    }
 }