domains / families / design / dark-mode-design

dark-mode-design

separate

Adapt an existing palette to dark mode — surface elevation, contrast rebalancing, and desaturation rules. Use when you already have a light palette to translate. For building the base palette first, use `color-system`.

When to use

• Adapting existing light palettes to dark mode
• Surface elevation design
• Contrast rebalancing
• Desaturation rules
• Dark mode accessibility
• Dark mode image and media adaptation

When not to use

• Building the base palette first

Skill page

Source