Dialog dark mode 背景色 token 修复(WEB-1244)
版本: 0.8.0 · 类型: 🐛 Bug Fix
问题
Dark mode 下 Modal(Dialog)背景接近纯黑,与设计系统不符。Figma DS 里 Modal 填充色是 Grays/White(Light #FFFFFF / Dark #292929),但 web4 的 Modal 在 dark mode 下显示为近黑(#0A0A0A)。
根因:DialogContent 用错了背景 token —— 引用的是 --Backgrounds-Primary 而非规范要求的 --Grays-White。
| Token | Light | Dark |
|---|---|---|
--Backgrounds-Primary(原用) | #FFFFFF | #0A0A0A(近黑) |
--Grays-White(规范) | #FFFFFF | #292929 |
两个 token 在 light 模式下同为白色,因此该 bug 只在 dark 模式下暴露。
变更文件
packages/design/src/components/ui/dialog.tsxpackages/design/src/components/Dialog/__tests__/Dialog.test.tsx
变更
DialogContent背景由bg-(--Backgrounds-Primary)改为bg-(--Grays-White),dark 模式填充从#0A0A0A恢复为规范的#292929(light 模式不变,仍为#FFFFFF)。- 补一条单测断言 dialog 面板带
bg-(--Grays-White)token,防止回退。
影响
- 纯视觉修复,无 API 变更。Dark 模式 Modal 背景恢复为规范深灰
#292929。