direv/admin_new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(F006-W5.x): 4 主题块追加 EP 派生色覆盖(主题色适配全局修复)

Browse Source 
每个 [data-theme] 块末尾追加 --el-color-primary-light-3/5/7/8/9 + dark-2,
指向 brand-soft / brand-hover,让 EP 组件 hover / 激活态内层派生色
跟随主题切换(原 :root 里的 EP 派生色在主题块下被 fallback 覆盖,导致
el-tabs / el-pagination / el-switch / el-tag hover 等仍显示科技蓝)
This commit is contained in:
Sisyphus 2026-07-03 16:24:36 +08:00
parent c3a7fbad0b
commit 3744cf7c93
1 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/theme/themes.scss
View File

@ -45,6 +45,15 @@
--chart-2: #7C3AED; --chart-2: #7C3AED;
--chart-3: #059669; --chart-3: #059669;
--chart-4: #D97706; --chart-4: #D97706;
// W5.x EP 派生色重定向(主题色适配全局修复)
--el-color-primary: var(--brand);
--el-color-primary-light-3: var(--brand-soft);
--el-color-primary-light-5: var(--brand-soft);
--el-color-primary-light-7: var(--brand-soft);
--el-color-primary-light-8: var(--brand-soft);
--el-color-primary-light-9: var(--brand-soft);
--el-color-primary-dark-2: var(--brand-hover);
} }
// ============ 2. 中国红 ============ // ============ 2. 中国红 ============
@ -81,6 +90,15 @@
--chart-2: #7E22CE; --chart-2: #7E22CE;
--chart-3: #15803D; --chart-3: #15803D;
--chart-4: #B45309; --chart-4: #B45309;
// W5.x EP 派生色重定向(主题色适配全局修复)
--el-color-primary: var(--brand);
--el-color-primary-light-3: var(--brand-soft);
--el-color-primary-light-5: var(--brand-soft);
--el-color-primary-light-7: var(--brand-soft);
--el-color-primary-light-8: var(--brand-soft);
--el-color-primary-light-9: var(--brand-soft);
--el-color-primary-dark-2: var(--brand-hover);
} }
// ============ 3. 深空紫 ============ // ============ 3. 深空紫 ============
@ -117,6 +135,15 @@
--chart-2: #C4554D; --chart-2: #C4554D;
--chart-3: #0F7B6C; --chart-3: #0F7B6C;
--chart-4: #C76E29; --chart-4: #C76E29;
// W5.x EP 派生色重定向(主题色适配全局修复)
--el-color-primary: var(--brand);
--el-color-primary-light-3: var(--brand-soft);
--el-color-primary-light-5: var(--brand-soft);
--el-color-primary-light-7: var(--brand-soft);
--el-color-primary-light-8: var(--brand-soft);
--el-color-primary-light-9: var(--brand-soft);
--el-color-primary-dark-2: var(--brand-hover);
} }
// ============ 4. 暗夜黑(深色模式) ============ // ============ 4. 暗夜黑(深色模式) ============
@ -155,4 +182,13 @@
--chart-2: #A78BFA; --chart-2: #A78BFA;
--chart-3: #34D399; --chart-3: #34D399;
--chart-4: #FBBF24; --chart-4: #FBBF24;
// W5.x EP 派生色重定向(主题色适配全局修复)
--el-color-primary: var(--brand);
--el-color-primary-light-3: var(--brand-soft);
--el-color-primary-light-5: var(--brand-soft);
--el-color-primary-light-7: var(--brand-soft);
--el-color-primary-light-8: var(--brand-soft);
--el-color-primary-light-9: var(--brand-soft);
--el-color-primary-dark-2: var(--brand-hover);
} }