feat(theme): 主色从深海军蓝 #1E3A8A 改为青蓝 #007A95
改动 theme.scss :root 7 个 CSS 变量:
- --brand-primary #1E3A8A → #007A95 (青蓝/cyan)
- --brand-primary-deep #152a66 → #004858
- --brand-primary-darker #0d1d4d → #002129
- --brand-primary-light #3a55a3 → #00acd2
- --brand-primary-lighter #c1cbe6 → #49deff
- --brand-primary-text #4f6dbf → #06d2ff
- --brand-primary-mix #8e9ad1 → #7ce7ff
派生色算法 (theme.js derivePalette):
- deep/darker: lightness -12 / -22
- light: lightness +12
- lighter: lightness +35
- text: lightness +22
- mix: lightness +45
新色 HSL: H=191° S=100% L=29% (青蓝范围)
派生色按 HSL lightness 算法重算, 跟 theme.js derivePalette() 一致.
业务代码全部用 var(--brand-primary) 变量, 无任何硬编码
(上个 commit cd01550 已清理), 换色自动全局生效.
Element Plus 联动变量 (--el-color-primary 等) 通过 main.js 同步, 也跟着换.
This commit is contained in:
@@ -18,13 +18,13 @@
|
||||
============================================================= */
|
||||
|
||||
:root {
|
||||
--brand-primary: #1E3A8A;
|
||||
--brand-primary-deep: #152a66;
|
||||
--brand-primary-darker: #0d1d4d;
|
||||
--brand-primary-light: #3a55a3;
|
||||
--brand-primary-lighter: #c1cbe6;
|
||||
--brand-primary-text: #4f6dbf;
|
||||
--brand-primary-mix: #8e9ad1;
|
||||
--brand-primary: #007A95;
|
||||
--brand-primary-deep: #004858;
|
||||
--brand-primary-darker: #002129;
|
||||
--brand-primary-light: #00acd2;
|
||||
--brand-primary-lighter: #49deff;
|
||||
--brand-primary-text: #06d2ff;
|
||||
--brand-primary-mix: #7ce7ff;
|
||||
}
|
||||
|
||||
/* Element Plus 联动:把品牌色同步给 Element Plus 内置变量。
|
||||
|
||||
Reference in New Issue
Block a user