소스 검색

深色模式,还在适配中,不要发版

ZaiZai 1 년 전
부모
커밋
d67a2311a4
3개의 변경된 파일191개의 추가작업 그리고 1개의 파일을 삭제
  1. 6 0
      src/styles/app/main.scss
  2. 177 1
      src/styles/app/theme.scss
  3. 8 0
      src/styles/ledger/query.scss

+ 6 - 0
src/styles/app/main.scss

@@ -49,6 +49,12 @@ embed {
         color: var(--el-color-primary);
     }
 }
+.hc-table-form-content .hc-content-box {
+    height: calc(100% - 75px) !important;
+}
+.hc-table-form-content .hc-footer-box {
+    height: 50px !important;
+}
 
 //设置表单样式
 .hc-excel-table-form-view {

+ 177 - 1
src/styles/app/theme.scss

@@ -34,7 +34,8 @@ html.dark {
     .hc-layout-box .hc-layout-left-box .hc-project-box .project-name-box .project-alias {
         color: white;
     }
-    .hc-layout-box .hc-layout-left-box .hc-tree-foot-tip-box .dot-view.black:before {
+    .hc-layout-box .hc-layout-left-box .hc-tree-foot-tip-box .dot-view.black:before,
+    .hc-tree-mp-tip-box .dot-view.black:before{
         border: 1px solid #3e3d3d;
     }
     .data-custom-tree-node .menu-icon1 {
@@ -83,4 +84,179 @@ html.dark {
         color: #8c9099;
         background: #181818;
     }
+    //表单
+    .data-fill-list-box .el-collapse .el-collapse-item {
+        background-color: #282828;
+        border-color: hsla(0,0%,100%,0.45);
+    }
+    .data-fill-list-box .hc-collapse-item-header .item-title {
+        color: rgba(255, 255, 255, 0.9);
+    }
+    .data-fill-list-box .hc-collapse-item-header .real-fill-rate::after {
+        background: hsla(0, 0%, 100%, 0.2);
+    }
+    .data-fill-list-box .hc-collapse-item-header .real-fill-rate .tag {
+        background: #181818;
+    }
+    .data-fill-list-box .el-collapse .el-collapse-item.is-active .el-collapse-item__header.is-active {
+        background-color: transparent;
+    }
+    .data-fill-list-box .el-collapse .el-collapse-item__wrap .el-collapse-item__content {
+        color: hsla(0, 0%, 100%, 0.8);
+    }
+    .data-fill-list-box .data-fill-list-item-content .data-fill-table-form-box {
+        border-color: #131313;
+    }
+    //表单颜色
+    .hc-table-form-data-item .hc-excel-table-form, .hc-excel-table-form-view {
+        .el-input, .el-date-editor {
+            --el-input-text-color: #606266;
+            --el-input-hover-border: #c0c4cc;
+            --el-input-border-color: #dcdfe6;
+            --el-input-bg-color: #ffffff;
+            --el-input-icon-color: #a8abb2;
+            --el-input-placeholder-color: #a8abb2;
+            --el-input-hover-border-color: #c0c4cc;
+            --el-input-clear-hover-color: #909399;
+        }
+        .el-date-editor .el-range-input {
+            color: #4c4e50;
+        }
+        .el-radio, .el-checkbox {
+            color: #606266;
+        }
+    }
+    .el-overlay {
+        background-color: rgb(255 255 255/0.05);
+        backdrop-filter: blur(4px);
+    }
+    .ui-drag-modal-box .ui-drag-modal-dialog {
+        background: #2f2f2f;
+        border: 1px solid hsla(0,0%,100%,0.2);
+        box-shadow: 0 0 24px rgba(81,87,103,.16);
+    }
+    .el-overlay-dialog .el-dialog.hc-new-dialog {
+        background: #2f2f2f;
+        border: 1px solid hsla(0,0%,100%,0.2);
+        box-shadow: 0 0 24px rgba(81,87,103,.16);
+    }
+    .el-overlay-dialog .el-dialog.hc-modal-border .el-dialog__header,
+    .el-overlay-dialog .el-dialog.hc-modal-border .el-dialog__footer {
+        border-color: hsla(0, 0%, 100%, 0.2);
+    }
+    .el-form-item--large .el-form-item__content .form-item-div {
+        border-color: hsla(0, 0%, 100%, 0.2);
+        color: hsla(0, 0%, 100%, 0.8);
+    }
+    .hc-counter-box .counter-box {
+        color: hsla(0, 0%, 100%, 0.8);
+    }
+    .hc-counter-box .counter-box .counter-btn {
+        border-color: hsla(0, 0%, 100%, 0.2);
+        background-color: #414141;
+    }
+    .hc-counter-box .counter-box .counter-btn[disabled=true] {
+        background-color: #c4c4c4;
+        color: #949393;
+    }
+    .hc-counter-box .counter-box .counter-val {
+        border-color: hsla(0, 0%, 100%, 0.2);
+    }
+    .el-card.hc-new-card-box .hc-card-header-box {
+        border-color: hsla(0, 0%, 100%, 0.2);
+    }
+    .sort-node-body-box.list-group {
+        border-color: hsla(0, 0%, 100%, 0.2);
+    }
+    .sort-node-body-box.list-group.header .list-group-item {
+        background-color: #191919;
+        color: hsla(0, 0%, 100%, 0.8);
+    }
+    .sort-node-body-box.list-group .list-group-item:hover {
+        background-color: #252424;
+    }
+    .sort-node-body-box.list-group .list-group-item + .list-group-item {
+        border-color: hsla(0, 0%, 100%, 0.2);
+    }
+    //分页
+    .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-color: hsla(0, 0%, 100%, 0.2);
+    }
+    //日志填报
+    .el-menu.hc-ledger-query-menu {
+        --el-menu-text-color: initial;
+        --el-menu-hover-bg-color: #343434;
+    }
+    .el-menu.hc-ledger-query-menu .el-sub-menu .el-menu-item.is-active {
+        background: #181818;
+        border: 1px solid hsla(0, 0%, 100%, 0.2);
+        box-shadow: none;
+        color: white;
+    }
+    .hc-table-form-content .hc-table-forem-box, .hc-table-form-content .hc-fixed-page,
+    .hc-table-form-content .hc-right-pian-box, .hc-table-form-content .hc-footer-box {
+        padding: 8px;
+        background: #181818;
+        border-color: #131313;
+    }
+    .hc-date-calendar-box .hc-date-picker-box {
+        border-color: hsla(0, 0%, 100%, 0.2);
+    }
+    .hc-date-calendar-box .hc-date-picker-box .hc-date-btn-box .hc-div-btn {
+        background: #343434;
+        color: hsla(0, 0%, 100%, 0.8);
+        border: 1px solid hsla(0, 0%, 100%, 0.2);
+        box-shadow: none;
+        &:hover {
+            color: var(--el-color-primary);
+        }
+    }
+    .hc-date-calendar-box .hc-date-dates .hc-date-dates-day {
+        color: hsla(0, 0%, 100%, 0.8);
+        &:hover {
+            color: var(--el-color-primary);
+        }
+    }
+    .hc-date-calendar-box .hc-date-dates .hc-date-dates-day.choice {
+        box-shadow: none;
+    }
+    .hc-table-form-content .hc-content-box .hc-fixed-page .hc-fixed-page-list-box .fixed-page-item {
+        background: #343434;
+        color: hsla(0, 0%, 100%, 0.8);
+        border: 1px solid hsla(0, 0%, 100%, 0.2);
+        box-shadow: none;
+    }
+    .hc-layout-box .hc-chart-content-box {
+        background: #181818;
+    }
+    .hc-layout-box .hc-round-chart-card-box,
+    .hc-layout-box .hc-report-chart-card-box,
+    .hc-layout-box .hc-media-chart-card-box {
+        background: #181818;
+    }
+    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-title {
+        color: hsla(0,0%,100%,0.46);
+    }
+    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-ratio-box .ratio-num {
+        color: hsla(0, 0%, 100%, 0.8);
+    }
+    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-amount-box .amount-divider{
+        background-color: hsla(0, 0%, 100%, 0.2);
+    }
+    .hc-layout-box .hc-chart-flex .hc-report-chart-card-box .hc-chart-title .title,
+    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-chart-title .title {
+        color: hsla(0,0%,100%,0.46);
+    }
+    .hc-layout-box .hc-chart-flex .hc-report-chart-card-box .hc-report-chart-box,
+    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-report-chart-box,
+    .hc-layout-box .hc-chart-flex .hc-report-chart-card-box .hc-media-chart-box,
+    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-media-chart-box,
+    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-media-chart-box .hc-media-pian-box {
+        background: #343434;
+        color: hsla(0, 0%, 100%, 0.8);
+        border: 1px solid hsla(0, 0%, 100%, 0.2);
+    }
+
 }

+ 8 - 0
src/styles/ledger/query.scss

@@ -18,3 +18,11 @@
         height: 100%;
     }*/
 }
+
+//深色模式
+html.dark {
+    .hc-layout-box .hc-layout-left {
+        background: #181818;
+        color: hsla(0, 0%, 100%, 0.8);
+    }
+}