intermediatetermDesign systemsDesign systems / Dark mode
IntermediateNot yet reviewed

Dark mode

Dark mode is a second color scheme with dark surfaces and light text.

Definition

Dark mode is a second color scheme with dark surfaces and light text. Browsers expose the user's choice through the prefers-color-scheme media feature.

Use case

Build it with semantic tokens so every component switches by changing token values, not by rewriting styles.

In Figma

Variable modes

Related terms

Resources

No resources yet. Suggest one.

Suggest a change