|
|
@@ -72,6 +72,21 @@ html.dark {
|
|
|
box-shadow: initial;
|
|
|
border: 1px solid var(--hc-border-color);
|
|
|
}
|
|
|
+ .hc-layout-box .hc-layout-left {
|
|
|
+ background: var(--el-bg-color-overlay);
|
|
|
+ border: 1px solid var(--hc-border-color);
|
|
|
+ color: var(--hc-label-color);
|
|
|
+ box-shadow: initial;
|
|
|
+ }
|
|
|
+ .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 {
|
|
|
+ background: var(--el-bg-color-overlay);
|
|
|
+ border: 1px solid var(--hc-border-color);
|
|
|
+ color: var(--hc-label-color);
|
|
|
+ box-shadow: initial;
|
|
|
+ }
|
|
|
//小图标时的菜单
|
|
|
.aside-menu-popper.el-popper .el-menu--vertical .el-menu {
|
|
|
background-color: #393939;
|
|
|
@@ -177,7 +192,22 @@ html.dark {
|
|
|
.el-table[hc].el-table--border {
|
|
|
--el-table-border-color: var(--hc-border-color);
|
|
|
}
|
|
|
+ .el-table__body-wrapper tr td.el-table-fixed-column--left,
|
|
|
+ .el-table__body-wrapper tr td.el-table-fixed-column--right,
|
|
|
+ .el-table__body-wrapper tr th.el-table-fixed-column--left,
|
|
|
+ .el-table__body-wrapper tr th.el-table-fixed-column--right,
|
|
|
+ .el-table__footer-wrapper tr td.el-table-fixed-column--left,
|
|
|
+ .el-table__footer-wrapper tr td.el-table-fixed-column--right,
|
|
|
+ .el-table__footer-wrapper tr th.el-table-fixed-column--left,
|
|
|
+ .el-table__footer-wrapper tr th.el-table-fixed-column--right,
|
|
|
+ .el-table__header-wrapper tr td.el-table-fixed-column--left,
|
|
|
+ .el-table__header-wrapper tr td.el-table-fixed-column--right,
|
|
|
+ .el-table__header-wrapper tr th.el-table-fixed-column--left,
|
|
|
+ .el-table__header-wrapper tr th.el-table-fixed-column--right {
|
|
|
+ --el-bg-color: #444444;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
//分页
|
|
|
.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: var(--hc-border-color);
|
|
|
@@ -198,6 +228,11 @@ html.dark {
|
|
|
background: var(--el-bg-color-overlay);
|
|
|
}
|
|
|
|
|
|
+ //表单
|
|
|
+ .el-form-item--large .el-form-item__content .form-item-dashed {
|
|
|
+ border-color: #4c4d4f;
|
|
|
+ }
|
|
|
+
|
|
|
//步进器
|
|
|
.hc-counter-box .counter-box {
|
|
|
color: var(--hc-text-color);
|
|
|
@@ -291,6 +326,9 @@ html.dark {
|
|
|
}
|
|
|
}
|
|
|
//树
|
|
|
+ .el-tree.hc-tree-node {
|
|
|
+ --el-tree-node-hover-bg-color: var(--hc-bg-color);
|
|
|
+ }
|
|
|
.hc-tree-node.tree-line .el-tree-node.is-expanded.is-current.is-focusable {
|
|
|
background: var(--hc-bg-color);
|
|
|
}
|
|
|
@@ -298,6 +336,15 @@ html.dark {
|
|
|
background: initial;
|
|
|
color: var(--el-bg-color-overlay);
|
|
|
}
|
|
|
+ .hc-tree-node .data-custom-tree-node {
|
|
|
+ color: var(--hc-label-color);
|
|
|
+ }
|
|
|
+ .el-tree.hc-tree-node.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
|
|
|
+ background-color: var(--hc-bg-color);
|
|
|
+ .data-custom-tree-node {
|
|
|
+ color: var(--hc-text-color);
|
|
|
+ }
|
|
|
+ }
|
|
|
//工程划分树
|
|
|
.hc-page-layout-box .hc-layout-left-box .hc-project-box {
|
|
|
border-color: var(--hc-border-color);
|
|
|
@@ -356,4 +403,191 @@ html.dark {
|
|
|
box-shadow: 4px 4px 8px 0 rgba(54, 92, 167, 0.15), -3px -2px 8px 0 var(--hc-bg-color);
|
|
|
}
|
|
|
}
|
|
|
+ //多级菜单
|
|
|
+ .hc-ledger-query-menu.el-menu {
|
|
|
+ --el-menu-text-color: var(--hc-label-color);
|
|
|
+ .el-sub-menu .el-menu-item.is-active {
|
|
|
+ background: var(--hc-bg-color);
|
|
|
+ border: 1px solid var(--hc-border-color);
|
|
|
+ color: var(--hc-text-color);
|
|
|
+ box-shadow: initial;
|
|
|
+ }
|
|
|
+ .el-sub-menu__title, .el-menu-item {
|
|
|
+ border-radius: 6px;
|
|
|
+ &:hover {
|
|
|
+ background: var(--hc-bg-color);
|
|
|
+ color: var(--hc-text-color);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ //日历
|
|
|
+ .hc-date-calendar-box {
|
|
|
+ .hc-date-picker-box {
|
|
|
+ border-color: var(--hc-border-color);
|
|
|
+ .hc-date-btn-box .hc-div-btn {
|
|
|
+ box-shadow: initial;
|
|
|
+ border: 1px solid var(--hc-border-color);
|
|
|
+ background-color: var(--el-bg-color-overlay);
|
|
|
+ &:hover {
|
|
|
+ background: var(--hc-bg-color);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .hc-date-dates {
|
|
|
+ .hc-date-dates-day {
|
|
|
+ color: var(--hc-label-color);
|
|
|
+ &:hover:not([class*='choice']):not([class*='excluded']):not([class*='selected']):not([class*='cur']) {
|
|
|
+ background-color: var(--hc-bg-color);
|
|
|
+ border: 2px solid var(--hc-border-color);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .hc-date-dates-day.selected {
|
|
|
+ border-color: var(--hc-border-color);
|
|
|
+ }
|
|
|
+ .hc-date-dates-day.choice {
|
|
|
+ box-shadow: initial;
|
|
|
+ border-color: var(--hc-border-color);
|
|
|
+ }
|
|
|
+ .hc-date-dates-day.excluded {
|
|
|
+ color: #5a5a5a;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .hc-user-time-box .tree-box {
|
|
|
+ border-color: var(--hc-border-color);
|
|
|
+ }
|
|
|
+ //进度统计
|
|
|
+ .hc-layout-box .hc-chart-content-box {
|
|
|
+ background: var(--el-bg-color-overlay);
|
|
|
+ border: 1px solid var(--hc-border-color);
|
|
|
+ color: var(--hc-label-color);
|
|
|
+ box-shadow: initial;
|
|
|
+ }
|
|
|
+ .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: var(--el-bg-color-overlay);
|
|
|
+ border: 1px solid var(--hc-border-color);
|
|
|
+ color: var(--hc-label-color);
|
|
|
+ box-shadow: initial;
|
|
|
+ }
|
|
|
+ .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 {
|
|
|
+ background: var(--el-bg-color-overlay);
|
|
|
+ border: 1px solid var(--hc-border-color);
|
|
|
+ }
|
|
|
+ .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 {
|
|
|
+ background: var(--el-bg-color-overlay);
|
|
|
+ border: 1px solid var(--hc-border-color);
|
|
|
+ }
|
|
|
+ .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-title {
|
|
|
+ color: var(--hc-label-color);
|
|
|
+ }
|
|
|
+ .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-ratio-box .ratio-num,
|
|
|
+ .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-ratio-box .ratio-text .unit{
|
|
|
+ color: var(--hc-text-color);
|
|
|
+ }
|
|
|
+ .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-amount-box .amount-item .num {
|
|
|
+ color: var(--hc-label-color);
|
|
|
+ }
|
|
|
+ .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: var(--hc-text-color);
|
|
|
+ }
|
|
|
+ .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-media-chart-box .hc-media-pian-box {
|
|
|
+ background: var(--hc-bg-color);
|
|
|
+ border-color: var(--hc-border-color);
|
|
|
+ }
|
|
|
+ .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-media-chart-box .hc-media-pian-box .item .num {
|
|
|
+ color: var(--hc-label-color);
|
|
|
+ }
|
|
|
+ //影像资料
|
|
|
+ .hc-layout-box .hc-layout-content-box .hc-table-col-item .content-box .title {
|
|
|
+ color: var(--hc-text-color);
|
|
|
+ }
|
|
|
+ //平曲线右上角图标按钮
|
|
|
+ .hc-layout-box .hc-extra-icon-btn {
|
|
|
+ color: var(--hc-label-color);
|
|
|
+ }
|
|
|
+
|
|
|
+ //首件工程
|
|
|
+ .hc-first-item-node-layout .node-action,
|
|
|
+ .hc-first-item-node-layout .node-content .node-form,
|
|
|
+ .hc-first-item-node-layout .node-content .node-file {
|
|
|
+ background: var(--el-bg-color-overlay);
|
|
|
+ border: 1px solid var(--hc-border-color);
|
|
|
+ color: var(--hc-label-color);
|
|
|
+ box-shadow: initial;
|
|
|
+ }
|
|
|
+
|
|
|
+ //个人中心
|
|
|
+ .hc-layout-box .hc-layout-left-box .user-avatar-box .user-avatar {
|
|
|
+ border: 1px solid var(--hc-border-color);
|
|
|
+ box-shadow: initial;
|
|
|
+ }
|
|
|
+ .hc-layout-box .hc-layout-left-box .user-avatar-box .user-name {
|
|
|
+ color: var(--hc-text-color);
|
|
|
+ }
|
|
|
+ .hc-layout-box .hc-layout-content-box .hc-card-foot-box {
|
|
|
+ background: var(--el-bg-color-overlay);
|
|
|
+ border: 1px solid var(--hc-border-color);
|
|
|
+ color: var(--hc-label-color);
|
|
|
+ box-shadow: initial;
|
|
|
+ border-bottom: 0;
|
|
|
+ }
|
|
|
+ .hc-project-menu.el-menu .el-sub-menu {
|
|
|
+ border-color: var(--hc-border-color);
|
|
|
+ .el-sub-menu__title {
|
|
|
+ color: var(--hc-label-color);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .hc-project-menu.el-menu .el-sub-menu.is-opened .el-sub-menu__title {
|
|
|
+ background: var(--hc-bg-color);
|
|
|
+ color: var(--hc-text-color);
|
|
|
+ }
|
|
|
+ .hc-project-menu.el-menu .el-menu-item.is-active {
|
|
|
+ background: #4e4e4e;
|
|
|
+ color: var(--hc-text-color);
|
|
|
+ }
|
|
|
+ .hc-project-menu.el-menu .el-sub-menu .el-sub-menu__title,
|
|
|
+ .hc-project-menu.el-menu .el-sub-menu .el-menu-item {
|
|
|
+ &:hover {
|
|
|
+ background: var(--hc-bg-color);
|
|
|
+ color: var(--hc-text-color);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ //材料进场
|
|
|
+ .hc-switch-tab-content {
|
|
|
+ border-color: var(--hc-border-color);
|
|
|
+ }
|
|
|
+ .hc-links-sample-modal-box .hc-links-sample-tree-box {
|
|
|
+ border-color: var(--hc-border-color);
|
|
|
+ }
|
|
|
+
|
|
|
+ //月报汇总表格
|
|
|
+ .hc-table-ref-box .el-table.hc-table-diy-box {
|
|
|
+ --el-table-bg-color: initial;
|
|
|
+ --el-table-header-bg-color: var(--hc-bg-color);
|
|
|
+ --el-table-header-text-color: var(--hc-label-color);
|
|
|
+ --el-table-tr-bg-color: var(--el-bg-color-overlay);
|
|
|
+ --el-fill-color-light: #363535;
|
|
|
+ --el-table-text-color: var(--hc-text-color);
|
|
|
+ --el-table-row-hover-bg-color: #454545;
|
|
|
+ }
|
|
|
+ .hc-table-ref-box .el-table.hc-table-diy-box.el-table--border {
|
|
|
+ --el-table-border-color: var(--hc-border-color);
|
|
|
+ }
|
|
|
+ .hc-table-ref-box .el-table.hc-table-diy-box thead.is-group tr:last-of-type th:nth-of-type(2)::before {
|
|
|
+ background-color: var(--hc-border-color);
|
|
|
+ }
|
|
|
+
|
|
|
+ .hc-page-layout-box .hc-layout-left-box.menu .hc-menu-header-box {
|
|
|
+ border-color: var(--hc-border-color);
|
|
|
+ }
|
|
|
+ .hc-menu-simple-box .item-box .menu-icon {
|
|
|
+ background: initial;
|
|
|
+ }
|
|
|
}
|
