refactor(admin): tokenize 语义色并补暗黑模式变量覆盖
将 admin 8 文件 ~50 处 raw red/green/yellow/amber/blue 类替换为语义 token (error/success/warning/info),使其错误/成功/警告框在暗黑模式正确反色。 - tailwind.config.js: error 补 text 子键(原缺,text-error 暗黑底仅 3.3:1 不达 AA) - globals.css: 新增 --color-error-text;html[data-theme='dark'] 补四语义色的 *-bg(深色底)与 *-text(浅色,暗底达 AA)覆盖,原暗黑块完全漏掉这些变量 - 映射纪律:语义框 bg-<c>-bg border border-border-secondary text-<c>-text; 危险按钮 bg-error/bg-success hover:bg-*-hover text-white;字段校验 border-error 验证:type-check 0 errors;lint 0 errors;单测 1624 passed;视觉回归 22 passed; Playwright 实测 8 变量 light/dark 翻转 + 真实登录错误框背景反色确认。 Co-Authored-By: 阿睿 <workbuddy@tencent.com>
This commit is contained in:
@@ -93,6 +93,9 @@ module.exports = {
|
||||
hover: 'var(--color-error-hover)',
|
||||
bg: 'var(--color-error-bg)',
|
||||
rgb: 'var(--color-error-rgb)',
|
||||
/** 文字请用此变体:DEFAULT(品牌红 #C41E3A)在暗黑底仅 3.3:1,不达 AA;
|
||||
* 本值浅红,暗黑模式经 html[data-theme='dark'] 覆盖后达 AA。 */
|
||||
text: 'var(--color-error-text)',
|
||||
},
|
||||
info: {
|
||||
DEFAULT: 'rgb(var(--color-info-rgb) / <alpha-value>)',
|
||||
|
||||
Reference in New Issue
Block a user