跳到主要内容

Calendar 暗黑模式选中态文字不可见修复（WEB-1041）

版本： 0.4.4 · 类型： 🐛 缺陷修复

WEB-1041

问题​

Dark mode 下，Calendar / DatePicker 面板中已选中的日期数字不可见：选中态背景色使用 --Labels-Primary（dark 下为白色），文字色使用 --Foregrounds-White（始终为白色），两者叠加导致白底白字。

改动文件​

  • packages/design/src/components/Calendar/styles.ts

改动内容​

CALENDAR_SELECTED_CLASS 中的文字色由 text-(--Foregrounds-White) 改为 text-(--Labels-Reverse)：

  • --Labels-Reverse light 为白色 / dark 为黑色，始终与 --Labels-Primary（背景色）形成对比。
  • --Foregrounds-White 始终为白色，dark mode 下与白色背景融合。

同时修复 hover 态（hover:text-(--Foregrounds-White) → hover:text-(--Labels-Reverse)），行为一致。