@zl-ui-kit/theme 0.27.0 → 0.27.1

package/dist/index.js

@@ -1248,20 +1248,36 @@ function buildCssVars(resolved, themeName, baseName = themeName) {
   decls.push(`--el-bg-color-overlay: ${get("bg-3")};`);
   decls.push(`--el-color-white: ${isDark ? "#141414" : "#ffffff"};`);
   decls.push(`--el-color-black: ${isDark ? "#ffffff" : "#000000"};`);
-  decls.push(`--el-mask-color: rgb(0, 0, 0, ${isDark ? "0.8" : "0.5"});`);
+  decls.push(`--el-mask-color: rgb(0, 0, 0, ${isDark ? "0.3" : "0.1"});`);
   decls.push(`color-scheme: ${isDark ? "dark" : "light"};`);
   decls.push(`--el-border-radius-base: ${get("radius-base")};`);
   decls.push(`--el-border-radius-small: ${get("radius-small")};`);
   const isPlainBase = baseName === "light" || baseName === "dark";
+  const isLightBase = baseName === "light";
   decls.push(`--zl-menu-hover-bg: ${isPlainBase ? "var(--zl-fill-2)" : "rgba(255, 255, 255, 0.2)"};`);
   decls.push(`--zl-menu-text-color: ${isPlainBase ? "var(--zl-text-1)" : "var(--zl-white)"};`);
+  if (isLightBase) {
+    decls.push("--zl-menu-active-bg: var(--zl-primary-1);");
+    decls.push("--zl-menu-active-color: var(--zl-primary-6);");
+    decls.push("--zl-menu-active-border-color: var(--zl-primary-6);");
+    decls.push("--zl-menu-icon-color: var(--zl-text-3);");
+    decls.push("--zl-menu-font-size: 14px;");
+    decls.push("--zl-menu-item-height: 40px;");
+  } else {
+    decls.push("--zl-menu-active-bg: var(--zl-menu-hover-bg);");
+    decls.push("--zl-menu-active-color: var(--zl-menu-text-color);");
+    decls.push("--zl-menu-active-border-color: transparent;");
+    decls.push("--zl-menu-icon-color: currentColor;");
+    decls.push("--zl-menu-font-size: 12px;");
+    decls.push("--zl-menu-item-height: 36px;");
+  }
   decls.push(`--zl-menu-trigger-arrow-color: ${isDark ? "#253044" : "#f6fafc"};`);
   decls.push(`--zl-menu-trigger-bg: linear-gradient(135deg, var(--zl-modo-5), var(--zl-modo-7));`);
   decls.push(
-    `--zl-layout-vertical-aside-bg: linear-gradient(180deg, var(--zl-modo-7) 0%, var(--zl-modo-9) 100%);`
+    isLightBase ? `--zl-layout-vertical-aside-bg: linear-gradient(180deg, var(--zl-primary-1) 0%, var(--zl-bg-1) 100%);` : `--zl-layout-vertical-aside-bg: linear-gradient(180deg, var(--zl-modo-7) 0%, var(--zl-modo-9) 100%);`
   );
   decls.push(
-    `--zl-layout-horizontal-header-bg: linear-gradient(90deg, var(--zl-modo-7) 0%, var(--zl-modo-6) 60%, var(--zl-modo-5) 100%);`
+    isLightBase ? `--zl-layout-horizontal-header-bg: var(--zl-bg-1);` : `--zl-layout-horizontal-header-bg: linear-gradient(90deg, var(--zl-modo-7) 0%, var(--zl-modo-6) 60%, var(--zl-modo-5) 100%);`
   );
   return decls.join("\n    ");
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zl-ui-kit/theme",
-  "version": "0.27.0",
+  "version": "0.27.1",
   "type": "module",
   "description": "ZL UI 主题引擎：内置 5 套主题（light/dark/red-light/red-dark/blue），--zl-* 业务变量 + --el-* Element Plus 变量三层体系，支持运行时自定义主题（defineTheme/setTheme）",
   "license": "MIT",
@@ -41,8 +41,8 @@
     "cross-env": "^7.0.3",
     "tsup": "^8.3.5",
     "typescript": "^5.7.3",
-    "@jichuang/tsconfig": "1.0.0",
-    "@jichuang/eslint-config": "1.0.0"
+    "@jichuang/eslint-config": "1.0.0",
+    "@jichuang/tsconfig": "1.0.0"
   },
   "repository": {
     "type": "git",