@zl-ui-kit/theme 0.27.0 → 0.27.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +19 -3
- package/package.json +1 -1
- package/src/generated/theme-blue.css +487 -487
- package/src/generated/theme-dark.css +474 -474
- package/src/generated/theme-light.css +487 -487
- package/src/generated/theme-red-dark.css +474 -474
- package/src/generated/theme-red-light.css +487 -487
- package/src/generated/themes.css +1828 -1828
package/dist/index.js
CHANGED
|
@@ -1248,20 +1248,36 @@ function buildCssVars(resolved, themeName, baseName = themeName) {
|
|
|
1248
1248
|
decls.push(`--el-bg-color-overlay: ${get("bg-3")};`);
|
|
1249
1249
|
decls.push(`--el-color-white: ${isDark ? "#141414" : "#ffffff"};`);
|
|
1250
1250
|
decls.push(`--el-color-black: ${isDark ? "#ffffff" : "#000000"};`);
|
|
1251
|
-
decls.push(`--el-mask-color: rgb(0, 0, 0, ${isDark ? "0.
|
|
1251
|
+
decls.push(`--el-mask-color: rgb(0, 0, 0, ${isDark ? "0.3" : "0.1"});`);
|
|
1252
1252
|
decls.push(`color-scheme: ${isDark ? "dark" : "light"};`);
|
|
1253
1253
|
decls.push(`--el-border-radius-base: ${get("radius-base")};`);
|
|
1254
1254
|
decls.push(`--el-border-radius-small: ${get("radius-small")};`);
|
|
1255
1255
|
const isPlainBase = baseName === "light" || baseName === "dark";
|
|
1256
|
+
const isLightBase = baseName === "light";
|
|
1256
1257
|
decls.push(`--zl-menu-hover-bg: ${isPlainBase ? "var(--zl-fill-2)" : "rgba(255, 255, 255, 0.2)"};`);
|
|
1257
1258
|
decls.push(`--zl-menu-text-color: ${isPlainBase ? "var(--zl-text-1)" : "var(--zl-white)"};`);
|
|
1259
|
+
if (isLightBase) {
|
|
1260
|
+
decls.push("--zl-menu-active-bg: var(--zl-primary-1);");
|
|
1261
|
+
decls.push("--zl-menu-active-color: var(--zl-primary-6);");
|
|
1262
|
+
decls.push("--zl-menu-active-border-color: var(--zl-primary-6);");
|
|
1263
|
+
decls.push("--zl-menu-icon-color: var(--zl-text-3);");
|
|
1264
|
+
decls.push("--zl-menu-font-size: 14px;");
|
|
1265
|
+
decls.push("--zl-menu-item-height: 40px;");
|
|
1266
|
+
} else {
|
|
1267
|
+
decls.push("--zl-menu-active-bg: var(--zl-menu-hover-bg);");
|
|
1268
|
+
decls.push("--zl-menu-active-color: var(--zl-menu-text-color);");
|
|
1269
|
+
decls.push("--zl-menu-active-border-color: transparent;");
|
|
1270
|
+
decls.push("--zl-menu-icon-color: currentColor;");
|
|
1271
|
+
decls.push("--zl-menu-font-size: 12px;");
|
|
1272
|
+
decls.push("--zl-menu-item-height: 36px;");
|
|
1273
|
+
}
|
|
1258
1274
|
decls.push(`--zl-menu-trigger-arrow-color: ${isDark ? "#253044" : "#f6fafc"};`);
|
|
1259
1275
|
decls.push(`--zl-menu-trigger-bg: linear-gradient(135deg, var(--zl-modo-5), var(--zl-modo-7));`);
|
|
1260
1276
|
decls.push(
|
|
1261
|
-
`--zl-layout-vertical-aside-bg: linear-gradient(180deg, var(--zl-modo-7) 0%, var(--zl-modo-9) 100%);`
|
|
1277
|
+
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%);`
|
|
1262
1278
|
);
|
|
1263
1279
|
decls.push(
|
|
1264
|
-
`--zl-layout-horizontal-header-bg: linear-gradient(90deg, var(--zl-modo-7) 0%, var(--zl-modo-6) 60%, var(--zl-modo-5) 100%);`
|
|
1280
|
+
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%);`
|
|
1265
1281
|
);
|
|
1266
1282
|
return decls.join("\n ");
|
|
1267
1283
|
}
|
package/package.json
CHANGED