From e5fb015cd8c0cd8556dc46c7a4fb2df4e462c662 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=83=AD=E5=BA=86=E6=B3=B0?= <12369755+htcloud1@user.noreply.gitee.com> Date: Sat, 22 Aug 2026 20:40:54 +0800 Subject: [PATCH] =?UTF-8?q?feat(theme):=20=E4=B8=BB=E8=89=B2=E4=BB=8E?= =?UTF-8?q?=E6=B7=B1=E6=B5=B7=E5=86=9B=E8=93=9D=20#1E3A8A=20=E6=94=B9?= =?UTF-8?q?=E4=B8=BA=E9=9D=92=E8=93=9D=20#007A95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 改动 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 同步, 也跟着换. --- ry-vue3/src/assets/theme.scss | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/ry-vue3/src/assets/theme.scss b/ry-vue3/src/assets/theme.scss index 005f0c9..ea63ea4 100644 --- a/ry-vue3/src/assets/theme.scss +++ b/ry-vue3/src/assets/theme.scss @@ -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 内置变量。