UI 暗色主题样式优化

UI/VAP.VUE/src/assets/sass/_vb-theme.scss

@@ -0,0 +1,9 @@
+[data-bs-theme="light"] {
+	--bs-app-footer-bg-color: #fff;
+	--vb-tr-even-bg-color: rgba(0, 0, 0, 0.02);
+	--vb-tags-view-item-color: var(--bs-primary);
+}
+[data-bs-theme="dark"] {
+	--vb-tr-even-bg-color: rgba(0, 0, 0, 0.5);
+	--vb-tags-view-item-color: var(--bs-gray-700);
+}

UI/VAP.Vue/package.json

@@ -5,7 +5,7 @@
 	"type": "module",
 	"scripts": {
 		"dev": "vite",
-		"build": "vue-tsc && vite build",
+		"build": "vite build",
 		"preview": "vite preview",
 		"lint": "eslint \"./src/**/*.{ts,js,vue}\"",
 		"fix": "eslint --fix \"./src/**/*.{ts,js,vue}\"",

UI/VAP.Vue/src/assets/sass/_common.scss

@@ -18,7 +18,7 @@ dl {
 	margin-bottom: 0.75rem !important;
 	.el-form-item__label {
 		font-weight: 600;
-		color: #3c3c3c;
+		color: var(--bs-gray-800);
 	}
 }
 
@@ -50,6 +50,12 @@ dl {
 	opacity: 1;
 }
 
-[data-bs-theme="light"] {
-	--bs-app-footer-bg-color: #fff;
+.tags-view-wrapper {
+	.tags-view-item {
+		.ki-duotone {
+			&:icon {
+				transform: scale(1.2);
+			}
+		}
+	}
 }

UI/VAP.Vue/src/assets/sass/_table.scss

@@ -1,7 +1,7 @@
 .vb-table {
 	--table-footer-height: 50px;
 	--table-radius: var(--bs-card-inner-border-radius);
-	--table-bg: #fefefe;
+	--table-bg: var(--bs-app-header-minimize-bg-color);
 	width: 100%;
 	position: relative;
 	background-color: var(--table-bg);
@@ -96,7 +96,7 @@
 
 				tr {
 					&:nth-child(even) {
-						background-color: #f9f9f9;
+						background-color: var(--vb-tr-even-bg-color);
 					}
 					td {
 						padding-top: 0px;

UI/VAP.Vue/src/assets/sass/style.scss

@@ -13,6 +13,7 @@
 @import "./core/layout/base/layout";
 @import "layout/layout";
 
+@import "vb-theme";
 @import "table";
 @import "loading";
 @import "common";