|
@@ -48,15 +48,26 @@ html.dark {
|
|
|
.el-menu-item, .el-sub-menu__title {
|
|
|
color: var(--hc-label-color);
|
|
|
}
|
|
|
+ .el-menu-item.is-active {
|
|
|
+ color: inherit;
|
|
|
+ }
|
|
|
.hc-aside-bar-box:before {
|
|
|
background-image: linear-gradient(90deg, rgba(102, 102, 102, 0) 11%, #474646 35%, #474646 64%, rgba(102, 102, 102, 0) 86%);
|
|
|
}
|
|
|
}
|
|
|
+ //小图标时的菜单
|
|
|
+ .aside-menu-popper.el-popper .el-menu--vertical .el-menu {
|
|
|
+ background-color: #393939;
|
|
|
+ color: #8f9eb2;
|
|
|
+ }
|
|
|
//卡片
|
|
|
.hc-card-box.el-card {
|
|
|
box-shadow: initial;
|
|
|
color: var(--hc-text-color);
|
|
|
border: 1px solid var(--hc-border-color);
|
|
|
+ .el-card__header {
|
|
|
+ border-bottom: 1px solid var(--hc-border-color);
|
|
|
+ }
|
|
|
.el-card__body .hc-card-action-box {
|
|
|
border-top: 1px solid var(--hc-border-color);
|
|
|
background-color: var(--el-bg-color-overlay);
|
|
@@ -110,4 +121,38 @@ html.dark {
|
|
|
border: 1px solid var(--hc-border-color);
|
|
|
}
|
|
|
|
|
|
+ //日期范围
|
|
|
+ .el-date-editor .el-range-separator {
|
|
|
+ color: #89898a;
|
|
|
+ }
|
|
|
+
|
|
|
+ //切换卡片
|
|
|
+ .hc-sb-table .el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
|
|
|
+ background: var(--hc-bg-color);
|
|
|
+ --el-text-color-primary: var(--hc-label-color);
|
|
|
+ &:after {
|
|
|
+ background-color: var(--hc-border-color);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .hc-sb-table .el-tabs .el-tabs__active-bar {
|
|
|
+ background: var(--el-bg-color-overlay);
|
|
|
+ &:after, &:before {
|
|
|
+ background: var(--el-bg-color-overlay);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ //表格
|
|
|
+ .hc-table-ref-box {
|
|
|
+ border-color: var(--hc-border-color);
|
|
|
+ .el-table[hc] {
|
|
|
+ --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-lighter: #363535;
|
|
|
+ --el-table-text-color: var(--hc-text-color);
|
|
|
+ --el-table-row-hover-bg-color: #454545;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
}
|