Theming

Choose a tone. Keep control.

Themes are semantic token foundations, not locked skins. Pick one during initialization and tune the generated CSS inside your own repository.

Default

default

Warm black surfaces with confident yellow and restrained orange accents.

monochrome

True black, neutral gray, and off-white for a quieter product foundation.

Run init in a terminal and choose a palette from the prompt.

Terminal

npx quackelements init

Pass the theme explicitly in CI, templates, and repeatable setup scripts.

Terminal

npx quackelements init --theme default
npx quackelements init --theme monochrome

The selected palette is written to src/styles/quack-theme.css. Change those semantic variables without editing component implementations.