兼容深色模式

src/theme/dark.scss

@@ -14,7 +14,8 @@
 	--next-text-color-regular: #9b9da1;
 	--next-text-color-placeholder: #7a7a7a;
 	--next-color-hover: #3c3c3c;
-	--next-color-hover-rgba: rgba(0, 0, 0, 0.3);
+	--next-color-hover-rgba: #000000;
+
 
 	// root
 	--next-bg-main-color: var(--next-bg-main) !important;
@@ -47,6 +48,7 @@
 	--el-color-primary-lighter: var(--next-color-primary) !important;
 	--el-color-primary-light-9: var(--next-color-hover) !important;
 	--el-text-color-disabled-base: var(--el-color-primary) !important;
+	--el-text-color-disabled: var(--next-text-color-placeholder) !important;
 	--el-border-color-lighter: var(--next-border-black) !important;
 	--el-text-color-placeholder: var(--next-text-color-placeholder) !important;
 	--el-disabled-bg-color: var(--next-color-disabled) !important;
@@ -70,6 +72,14 @@
 			border-color: var(--el-button-hover-border-color, var(--el-button-hover-bg-color)) !important;
 		}
 	}
+	.el-button--text,
+	.link-type,
+	.link-type:focus {
+		color: var(--next-color-white) !important;
+		&:hover {
+			border-color: var(--el-color-white) !important;
+		}
+	}
 
 	// drawer
 	.el-divider__text {
@@ -82,9 +92,28 @@
 	// tabs
 	.el-tabs--border-card {
 		background-color: var(--el-color-white) !important;
+		border-color: var(--next-border-color-light) !important;
 	}
 	.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
 		background: var(--next-color-primary-lighter);
+		border-color: var(--next-border-color-light) !important;
+	}
+	.el-table__header,
+	.el-table__body {
+		border-collapse :  collapse !important;
+	}
+
+	.el-divider--horizontal {
+		border-color: var(--next-border-color-light) !important;
+	}
+
+	.el-loading-mask {
+		background: var(--next-color-primary-lighter) !important;
+	}
+
+	// 组态管理-组态设计
+	.page-wrapper > iframe {
+		background: var(--next-color-primary-lighter) !important;
 	}
 
 	// alert / notice-bar
@@ -97,7 +126,7 @@
 		border: 1px solid var(--next-border-color-light) !important;
 	}
 	.el-button.is-text:not(.is-disabled):focus, .el-button.is-text:not(.is-disabled):hover {
-		background-color: var(--el-color-white) !important;
+		background-color: transparent;
 	}
 	.el-scrollbar__view {
 		background-color: var(--el-color-white) !important;
@@ -118,7 +147,7 @@
 		background-color: var(--el-color-white) !important;
 	}
 	.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
-		background-color: var(--el-text-color-primary) !important;
+		background-color: var(--el-bg-color) !important;
 	}
 	.el-dialog {
 		background-color: var(--el-color-white) !important;
@@ -149,15 +178,58 @@
 	}
 	.el-input {
 		--el-input-border-color: var(--next-border-color-light) !important;
+		--el-input-hover-border: var(--el-text-color-disabled) !important;
+
+	}
+	.el-date-editor {
+		--el-input-border-color: var(--next-border-color-light) !important;
+		--el-input-hover-border-color: var(--el-text-color-disabled) !important;
+	}
+	.el-date-range-picker {
+		--el-datepicker-inrange-bg-color: var(--el-bg-color) !important;
+	}
+	.el-date-table td.in-range .el-date-table-cell:hover {
+		background-color: var(--next-border-color-light) !important;
+	}
+	// .el-input__wrapper:hover {
+	// 	border-color: red !important;
+	// }
+	.el-tree {
+		background-color: var(--el-color-white) !important;
+		--el-tree-node-hover-bg-color: var(--el-color-white) !important;
+		
+	}
+	.el-tree-node__content .el-select-dropdown__item.hover {
+		background-color: var(--el-color-white) !important;
+	}
+	.el-tree-node__content:hover {
+		background-color: var(--el-color-white) !important;
 	}
 	.el-table th.el-table__cell,
 	.el-table tr {
 		background-color: var(--el-color-white) !important;
 		color: var(--el-text-color-primary) !important;
+		
 		// border: 1px solid var(--next-border-color-light) !important;
 	}
+	.el-scrollbar__view .el-table__body tr:hover>td.el-table__cell,
 	.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
-		background-color: var(--next-color-seting) !important;
+		// background-color: var(--next-color-seting) !important;
+		background-color: var(--el-bg-color) !important;
+	}
+	.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 {
+		background-color: var(--el-color-white) !important;
 	}
 	.add-flag-container {
 		// .el-form {
@@ -178,6 +250,41 @@
 		border: 1px solid var(--next-border-color) !important;
 		background-color: var(--next-color-disabled) !important;
 	}
+	.system-dic-container {
+		.content,
+		.content-box {
+			background-color: var(--next-color-disabled) !important;
+			color: var(--el-text-color-primary) !important;
+		}
+		.ant-descriptions-row {
+			border-bottom-color: var(--next-border-color-light) !important;
+		}
+		.ant-descriptions-view {
+			border-color: var(--next-border-color-light) !important;
+		}
+		.ant-descriptions-item-label,
+		.ant-descriptions-item-content {
+			background-color: var(--next-color-disabled) !important;
+			color: var(--el-text-color-primary) !important;
+			border-color: var(--next-border-color-light) !important;
+		}
+	}
+	.el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover {
+		background-color: var(--el-bg-color) !important;
+	}
+	.el-tabs--border-card>.el-tabs__header {
+		background-color: var(--next-color-disabled) !important;
+	}
+	.el-upload--picture-card {
+		background-color: var(--next-color-disabled) !important;
+		
+	}
+	.wu-box {
+		border-color: var(--next-border-color-light) !important;
+		.wu-title {
+			border-color: var(--next-border-color-light) !important;
+		}
+	}
 
 	// menu
 	.layout-aside {