Theme lab

Pick an accent — both modes re-skin live

Token reference ›

Color

Hex

Presets

Lightness

How light or dark the selected color sits in each mode.

Dark mode

Light mode

Name

Theme name

Export

Darkdata-theme="dark"

Contrast

Derived tokens

Lightdata-theme="light"

Contrast

Derived tokens