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:
郭庆泰
2026-08-22 20:40:54 +08:00
parent cd01550d80
commit e5fb015cd8
+7 -7
View File
@@ -18,13 +18,13 @@
============================================================= */ ============================================================= */
:root { :root {
--brand-primary: #1E3A8A; --brand-primary: #007A95;
--brand-primary-deep: #152a66; --brand-primary-deep: #004858;
--brand-primary-darker: #0d1d4d; --brand-primary-darker: #002129;
--brand-primary-light: #3a55a3; --brand-primary-light: #00acd2;
--brand-primary-lighter: #c1cbe6; --brand-primary-lighter: #49deff;
--brand-primary-text: #4f6dbf; --brand-primary-text: #06d2ff;
--brand-primary-mix: #8e9ad1; --brand-primary-mix: #7ce7ff;
} }
/* Element Plus 联动:把品牌色同步给 Element Plus 内置变量。 /* Element Plus 联动:把品牌色同步给 Element Plus 内置变量。