Skip to content

Ndigo theme

Ndigo brand tokens (–nd-*) plus the opt-in base layer for native elements.

Theme · tokens

Terminal window
npx shadcn@latest add https://ndigo.dev/r/theme.json

To use the shorter @ndigo/theme form, configure the namespace in components.json.

Source Target Type
tokens/ndigo-tokens.css styles/ndigo-tokens.css registry:file
theme/base.css styles/ndigo-base.css registry:file

See this component rendered live on the live examples page.

None.

Import styles/ndigo-tokens.css before the base layer. Set data-theme="light" for the light palette; leaving it unset follows the operating system.