跳到主要内容

Dialog dark mode 背景色 token 修复(WEB-1244)

版本: 0.8.0 · 类型: 🐛 Bug Fix

WEB-1244

问题

Dark mode 下 Modal(Dialog)背景接近纯黑,与设计系统不符。Figma DS 里 Modal 填充色是 Grays/White(Light #FFFFFF / Dark #292929),但 web4 的 Modal 在 dark mode 下显示为近黑(#0A0A0A)。

根因:DialogContent 用错了背景 token —— 引用的是 --Backgrounds-Primary 而非规范要求的 --Grays-White

TokenLightDark
--Backgrounds-Primary(原用)#FFFFFF#0A0A0A(近黑)
--Grays-White(规范)#FFFFFF#292929

两个 token 在 light 模式下同为白色,因此该 bug 只在 dark 模式下暴露。

变更文件

  • packages/design/src/components/ui/dialog.tsx
  • packages/design/src/components/Dialog/__tests__/Dialog.test.tsx

变更

  1. DialogContent 背景由 bg-(--Backgrounds-Primary) 改为 bg-(--Grays-White),dark 模式填充从 #0A0A0A 恢复为规范的 #292929(light 模式不变,仍为 #FFFFFF)。
  2. 补一条单测断言 dialog 面板带 bg-(--Grays-White) token,防止回退。

影响

  • 纯视觉修复,无 API 变更。Dark 模式 Modal 背景恢复为规范深灰 #292929