diff --git a/client/electron/test/cross-client-theme.test.mjs b/client/electron/test/cross-client-theme.test.mjs index 4b1f545..d43c54a 100644 --- a/client/electron/test/cross-client-theme.test.mjs +++ b/client/electron/test/cross-client-theme.test.mjs @@ -266,6 +266,35 @@ const SELF_OWNED_COLORS = [ 'glassCardDark', 'glassCardWallDark', // 业务语义色:系统没有对应物(同意 / 拒绝 / 警示) 'approve', 'danger', 'approveBg', 'approveFg', 'dangerBg', 'warnBg', 'warnFg', + /* + * ★★ 2026-09-21 补登记:语义**底**色的深色档(与上面的前景变体同一族)。 + * + * 这是用户「你看看这可读性」那轮撞出来的:`dangerBg`(#FEF2F2)/`approveBg`(#F0FDF4)/ + * `warnBg`(#FFFBEB)/`chipSpentBg`(#FEE2E2)/`chipWarnBg`(#FFEDD5) + * 全是**只有浅色档**的手写色 —— 深色下这些淡底依然是亮的, + * 而上面的前景已经被提亮成浅色 ⇒ 「浅底 + 浅字」。 + * + * 实测同形的另一处:邮件详情的元信息行(`chipNeutralBg` #F3F4F6) + * 压深色背景,字与底 **1.02:1**。 + * + * 为什么是「自己写」而不是 `$r('sys.*')`: + * 系统语义色(`sys.color.warning` 等)是**前景/强调**色,没有 + * "淡底"这一档,更没有深浅两套淡底。而 WebUI 的 `.dark` 段 + * (`index.css:486-520`)**明确**给这些淡底换了深色值 + * (red-50 → `46 31 37` 等)⇒ 这是跨端身份,必须逐字对齐。 + * + * 值取自 WebUI `.dark` 段(括号内是对应的 tailwind 档): + * dangerBgDark #2E1F25 = red-50 46 31 37 + * approveBgDark #192C27 = green-50 25 44 39 + * warnBgDark #2E281F = amber-50 46 40 31 + * chipSpentBgDark #3A2227 = red-100 58 34 39 + * chipWarnBgDark #3C291F = orange-100 60 41 31 + * chipNeutralBgDark #20242C、chipNeutralFgDark #9BA3B0 + * chipSpentFgDark #F8A4A4、chipWarnFgDark #FBA86F + */ + 'dangerBgDark', 'approveBgDark', 'warnBgDark', + 'chipSpentBgDark', 'chipWarnBgDark', + 'chipNeutralBgDark', 'chipNeutralFgDark', 'chipSpentFgDark', 'chipWarnFgDark', // 权限档位与预算档位的胶囊配色(档位是产品语义,系统不认识"plan/workspace/full") 'chipNeutralBg', 'chipNeutralFg', 'chipSpentBg', 'chipSpentFg', 'chipWarnBg', 'chipWarnFg', /* diff --git a/client/harmony/entry/src/main/ets/common/Theme.ets b/client/harmony/entry/src/main/ets/common/Theme.ets index dbaafed..4272a34 100644 --- a/client/harmony/entry/src/main/ets/common/Theme.ets +++ b/client/harmony/entry/src/main/ets/common/Theme.ets @@ -503,6 +503,19 @@ export class Theme { * · chipWarnBg #FFEDD5 预算紧张底 * · chipWarnFg #C2410C 预算紧张文字 * + * ★★ 2026-09-21 补:上面这批**只有浅色档** —— 深色下淡底依旧发亮, + * 而前景已被提亮 ⇒ 「浅底 + 浅字」。修法是把 WebUI `.dark` 段 + * (`index.css:486-520`)的对应值补上,并加 `*BgFor()` 取用口: + * · dangerBgDark #2E1F25 red-50 46 31 37 + * · approveBgDark #192C27 green-50 25 44 39 + * · warnBgDark #2E281F amber-50 46 40 31 + * · chipSpentBgDark #3A2227 red-100 58 34 39 + * · chipWarnBgDark #3C291F orange-100 60 41 31 + * · chipNeutralBgDark #20242C 深色下的中性胶囊底 + * · chipNeutralFgDark #9BA3B0 (浅色 #5A6270 在深底上不够) + * · chipSpentFgDark #F8A4A4 + * · chipWarnFgDark #FBA86F + * * 导航选中/未选中的**跨端身份色**(2026-09-19 补,对应用户 * 「底栏数字为什么显示在图标下面?」与「宽屏侧栏根本不像 WebUI」那两轮): * · navActiveBg #DBEAFE WebUI `--nav-active-bg`(`index.css:1595-1606`)