domains / families / design / theming-system

theming-system

separate

Design theming architecture — brand variants, dark mode, and high-contrast — mapped through token layers. Use when one system must serve multiple themes. For a single palette use `color-system` (ui-design); for dark mode craft use `dark-mode-design` (ui-design).

When to use

• multi-brand design systems
• dark mode architecture
• high-contrast themes
• token mapping
• brand variants
• white-label themes
• density themes
• runtime theme switching

When not to use

• single palette design
• dark mode craft

Skill page

Source