@ibiz-template/web-theme 1.1.27 → 1.1.28-alpha.3

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.
Files changed (29) hide show
  1. package/dist/index.min.css +1 -1
  2. package/es/theme/generic/element-plus.css +1 -1
  3. package/es/theme/generic/index.css +1 -1
  4. package/es/theme/index.css +1 -1
  5. package/es/theme/theme/default/default-theme.css +1 -1
  6. package/es/theme/theme/default-blue/default-blue-theme.css +1 -1
  7. package/es/theme/theme/default-dark/default-dark-theme.css +1 -1
  8. package/es/theme/theme/index.css +1 -1
  9. package/es/theme/theme/user1/user1-theme.css +1 -1
  10. package/es/theme/theme/user2/user2-theme.css +1 -1
  11. package/es/theme/theme/user3/user3-theme.css +1 -1
  12. package/lib/theme/generic/element-plus.css +1 -1
  13. package/lib/theme/generic/index.css +1 -1
  14. package/lib/theme/index.css +1 -1
  15. package/lib/theme/theme/default/default-theme.css +1 -1
  16. package/lib/theme/theme/default-blue/default-blue-theme.css +1 -1
  17. package/lib/theme/theme/default-dark/default-dark-theme.css +1 -1
  18. package/lib/theme/theme/index.css +1 -1
  19. package/lib/theme/theme/user1/user1-theme.css +1 -1
  20. package/lib/theme/theme/user2/user2-theme.css +1 -1
  21. package/lib/theme/theme/user3/user3-theme.css +1 -1
  22. package/package.json +1 -1
  23. package/src/theme/generic/element-plus.scss +5 -0
  24. package/src/theme/theme/default/default-theme.scss +5 -0
  25. package/src/theme/theme/default-blue/default-blue-theme.scss +9 -5
  26. package/src/theme/theme/default-dark/default-dark-theme.scss +8 -4
  27. package/src/theme/theme/user1/user1-theme.scss +5 -0
  28. package/src/theme/theme/user2/user2-theme.scss +5 -0
  29. package/src/theme/theme/user3/user3-theme.scss +5 -0
package/src/theme/theme/default-blue/default-blue-theme.scss CHANGED
@@ -302,8 +302,13 @@
302
302
  #{getCssVarName(color, text, 1)}: rgba(76, 90, 103, 1); // 文本/图标颜色 - 稍次要
303
303
  #{getCssVarName(color, text, 2)}: rgba(76, 90, 103, 1); // 文本/图标颜色 - 次要
304
304
  #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
305
+ #{getCssVarName(color, text, 5)}: rgba(76, 90, 103, 0.8); // 文本色(特殊) - 应用搜索框使用
305
306
  #{getCssVarName(color, text, menu)}: rgba(28, 33, 38, 1); // 文本 - 特殊-菜单颜色
306
307
 
308
+ // 图标颜色
309
+ #{getCssVarName(color, icon, 0)}: #65B3FC; // 图标颜色 - 最主要
310
+ #{getCssVarName(color, icon, 1)}: #CBE7FE; // 图标颜色 - 次要
311
+
307
312
  // 链接颜色
308
313
  #{getCssVarName(color, link)}: rgba(0, 132, 255, 1); // 链接颜色
309
314
  #{getCssVarName(color, link, hover)}: rgba(46, 161, 255, 1); // 链接颜色 - 悬浮态
@@ -316,7 +321,7 @@
316
321
  #{getCssVarName(color, bg, 2)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 中间层（模态等容器）
317
322
  #{getCssVarName(color, bg, 3)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 次上层（通知，Toast等）
318
323
  #{getCssVarName(color, bg, 4)}: rgba(var(#{getCssVarName(white)}),1); // 背景色 - 最上层（特殊）
319
- #{getCssVarName(color, bg, 5)}: rgba(var(#{getCssVarName(blue, cyan, 3)}),0.6); // 背景色(特殊) - 应用搜索框使用
324
+ #{getCssVarName(color, bg, 5)}: rgba(255, 255, 255, 1); // 背景色(特殊) - 应用搜索框使用
320
325
  #{getCssVarName(color, bg, overlay)}: rgba(var(#{getCssVarName(black)}),0.5); // 蒙层背景色
321
326
 
322
327
  // 填充色
@@ -330,7 +335,7 @@
330
335
  #{getCssVarName(color, border)}: rgba(234, 236, 239, 1); // 默认描边颜色
331
336
 
332
337
  // 禁用态
333
- #{getCssVarName(color, disabled, text)}: rgba(194, 199, 204, 1); // 禁用态 - 文字
338
+ #{getCssVarName(color, disabled, text)}: rgba(var(#{getCssVarName(grey, 9)}), 0.35); // 禁用态 - 文字
334
339
  #{getCssVarName(color, disabled, border)}: rgba(var(#{getCssVarName(grey, 1)}),1); // 禁用态 - 描边
335
340
  #{getCssVarName(color, disabled, bg)}: rgba(var(#{getCssVarName(grey, 1)}),1); // 禁用态 - 背景
336
341
  #{getCssVarName(color, disabled, fill)}: rgba(var(#{getCssVarName(grey, 8)}),0.04); // 禁用态 - 填充
@@ -399,11 +404,10 @@
399
404
  @include b(panel-app-header) {
400
405
  #{getCssVarName(color, primary)}: rgba(255, 255, 255, 1);
401
406
  #{getCssVarName(color, primary, text)}: rgba(0, 132, 255, 1);
402
- #{getCssVarName(color, primary, hover)}: rgba(244, 246, 249, 1);
407
+ #{getCssVarName(color, primary, hover)}: rgba(232, 248, 255, 1);
403
408
  #{getCssVarName(color, primary, hover, text)}: rgba(0, 132, 255, 1);
404
- #{getCssVarName(color, primary, active)}: rgba(232, 248, 255, 1);;
409
+ #{getCssVarName(color, primary, active)}: rgba(244, 246, 249, 1); ;
405
410
  #{getCssVarName(color, primary, active, text)}: rgba(0, 132, 255, 1);
406
- #{getCssVarName(color, bg, 5)}:rgba(255, 255, 255, 1);
407
411
  }
408
412
  @include b(control-grid) {
409
413
  #{getCssVarName(control, grid, header, text, color)}:rgba(28, 33, 38, 1);
package/src/theme/theme/default-dark/default-dark-theme.scss CHANGED
@@ -314,8 +314,13 @@
314
314
  #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(dark, purple, 8)}),1); // 文本/图标颜色 - 稍次要
315
315
  #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 9)}),.6); // 文本/图标颜色 - 次要
316
316
  #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 9)}),.35); // 文本/图标颜色 - 最次要
317
+ #{getCssVarName(color, text, 5)}: rgba(255, 255, 255, 0.8); // 文本色(特殊) - 应用搜索框使用
317
318
  #{getCssVarName(color, text, menu)}: rgba(var(#{getCssVarName(white)}), 1); // 文本 - 特殊-菜单颜色
318
319
 
320
+ // 图标颜色
321
+ #{getCssVarName(color, icon, 0)}: rgba(204,204,204,.6); // 图标颜色 - 最主要
322
+ #{getCssVarName(color, icon, 1)}: #37373d; // 图标颜色 - 稍次要
323
+
319
324
  // 链接颜色
320
325
  #{getCssVarName(color, link)}: rgba(var(#{getCssVarName(blue, 4)}),1); // 链接颜色
321
326
  #{getCssVarName(color, link, hover)}: rgba(var(#{getCssVarName(blue, 6)}),1); // 链接颜色 - 悬浮态
@@ -328,7 +333,7 @@
328
333
  #{getCssVarName(color, bg, 2)}: rgb(53 54 60 / 100%); // 背景色 - 中间层（模态等容器）
329
334
  #{getCssVarName(color, bg, 3)}: rgb(67 68 74 / 100%); // 背景色 - 次上层（通知，Toast等）
330
335
  #{getCssVarName(color, bg, 4)}: rgb(79 81 89 / 100%); // 背景色 - 最上层（特殊）
331
- #{getCssVarName(color, bg, 5)}: rgba(var(#{getCssVarName(blue, 6)}), 0.6); // 背景色(特殊) - 应用搜索框使用
336
+ #{getCssVarName(color, bg, 5)}: rgba(204, 204, 204, .6); // 背景色(特殊) - 应用搜索框使用
332
337
  #{getCssVarName(color, bg, overlay)}: rgba(22 22 26 / 60%); // 蒙层背景色
333
338
 
334
339
  // 填充色
@@ -409,12 +414,11 @@
409
414
  :root.dark {
410
415
  @include b(panel-app-header) {
411
416
  #{getCssVarName(color, primary)}: rgb(28, 28, 28);
412
- #{getCssVarName(color, text, menu)}: rgba(204,204,204,.6);
413
- #{getCssVarName(color, primary, text)}: rgba(204,204,204,.6);
417
+ #{getCssVarName(color, text, menu)}: rgba(204, 204, 204, .6);
418
+ #{getCssVarName(color, primary, text)}: rgba(204, 204, 204, .6);
414
419
  #{getCssVarName(color, primary, hover)}: #2a2d2e;
415
420
  #{getCssVarName(color, primary, hover, text)}: #fff;
416
421
  #{getCssVarName(color, primary, active)}: #37373d;
417
422
  #{getCssVarName(color, primary, active, text)}: #fff;
418
- #{getCssVarName(color, bg, 5)}:rgba(204,204,204,.6);
419
423
  }
420
424
  }
package/src/theme/theme/user1/user1-theme.scss CHANGED
@@ -302,8 +302,13 @@
302
302
  #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(grey, 7)}),1); // 文本/图标颜色 - 稍次要
303
303
  #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 6)}),1); // 文本/图标颜色 - 次要
304
304
  #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
305
+ #{getCssVarName(color, text, 5)}: rgb(219, 228, 236); // 文本色(特殊) - 应用搜索框使用
305
306
  #{getCssVarName(color, text, menu)}: rgb(219, 228, 236); // 文本 - 特殊-菜单颜色
306
307
 
308
+ // 图标颜色
309
+ #{getCssVarName(color, icon, 0)}: #65B3FC; // 图标颜色 - 最主要
310
+ #{getCssVarName(color, icon, 1)}: #CBE7FE; // 图标颜色 - 次要
311
+
307
312
  // 链接颜色
308
313
  #{getCssVarName(color, link)}: rgba(var(#{getCssVarName(blue, cyan, 5)}),1); // 链接颜色
309
314
  #{getCssVarName(color, link, hover)}: rgba(var(#{getCssVarName(blue, cyan, 4)}),1); // 链接颜色 - 悬浮态
package/src/theme/theme/user2/user2-theme.scss CHANGED
@@ -302,8 +302,13 @@
302
302
  #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(grey, 7)}),1); // 文本/图标颜色 - 稍次要
303
303
  #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 6)}),1); // 文本/图标颜色 - 次要
304
304
  #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
305
+ #{getCssVarName(color, text, 5)}: rgb(219, 228, 236); // 文本色(特殊) - 应用搜索框使用
305
306
  #{getCssVarName(color, text, menu)}: rgb(219, 228, 236); // 文本 - 特殊-菜单颜色
306
307
 
308
+ // 图标颜色
309
+ #{getCssVarName(color, icon, 0)}: #65B3FC; // 图标颜色 - 最主要
310
+ #{getCssVarName(color, icon, 1)}: #CBE7FE; // 图标颜色 - 次要
311
+
307
312
  // 链接颜色
308
313
  #{getCssVarName(color, link)}: rgba(var(#{getCssVarName(blue, cyan, 5)}),1); // 链接颜色
309
314
  #{getCssVarName(color, link, hover)}: rgba(var(#{getCssVarName(blue, cyan, 4)}),1); // 链接颜色 - 悬浮态
package/src/theme/theme/user3/user3-theme.scss CHANGED
@@ -302,8 +302,13 @@
302
302
  #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(grey, 7)}),1); // 文本/图标颜色 - 稍次要
303
303
  #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(grey, 6)}),1); // 文本/图标颜色 - 次要
304
304
  #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(grey, 4)}),1); // 文本/图标颜色 - 最次要
305
+ #{getCssVarName(color, text, 5)}: rgb(219, 228, 236); // 文本色(特殊) - 应用搜索框使用
305
306
  #{getCssVarName(color, text, menu)}: rgb(219, 228, 236); // 文本 - 特殊-菜单颜色
306
307
 
308
+ // 图标颜色
309
+ #{getCssVarName(color, icon, 0)}: #65B3FC; // 图标颜色 - 最主要
310
+ #{getCssVarName(color, icon, 1)}: #CBE7FE; // 图标颜色 - 次要
311
+
307
312
  // 链接颜色
308
313
  #{getCssVarName(color, link)}: rgba(var(#{getCssVarName(blue, cyan, 5)}),1); // 链接颜色
309
314
  #{getCssVarName(color, link, hover)}: rgba(var(#{getCssVarName(blue, cyan, 4)}),1); // 链接颜色 - 悬浮态