Skip to main content

Switch Toggle-On color →

Pre-release · Type: 🐛 Bug Fix

Related issues: DES-69 / WEB-848

Problem​

The DS 4.0 spec updates the Toggle-On track color from black (#000000) to blue (#1573D1, light mode). In code, --Foregrounds-Toggle-On still referenced var(--Grays-Black).

Changed Files​

  • packages/design-tokens/src/source/figma-variables.json
  • packages/design-tokens/src/source/Plaud Web 4.0 Design System-variables.css
  • packages/design-tokens/src/generated/css/variables-light.css
  • packages/design-site/docs/components/atomic/switch.mdx
  • packages/design-site/i18n/zh-CN/docusaurus-plugin-content-docs/current/components/atomic/switch.mdx

Changes​

TokenLight old valueLight new valueDark
--Foregrounds-Toggle-On#000000 (Grays/Black)#1573D1#3399FF (unchanged)

The Switch component itself needs no modification; its visual is already driven by the --Foregrounds-Toggle-On token.