Skip to content

Colours and tokens

Every --newt-* token with its dark and light value and the Tailwind utility it generates.

Click any row to copy its var(--newt-*) reference. Override a token in your own stylesheet and every component that reads it follows — see Theming. The list is read from the registry rather than restated here, so a token added to tokens.css appears on this page as soon as the registry is regenerated.

Surfaces

Text

Brand

Status

Shape

Type

Elevation

Motion