Base

The base command changes the base color of the application: the gray palette behind backgrounds, borders and text.

Syntax

$ vela ui base <color>

$ vela ui base stone

This rewrites the color tokens in src/app.css, for light and dark mode, and records the base color in components.json.

Changing the base color also resets the accent to it. Run vela ui theme afterwards to put an accent back on top.

Colors

Vela supports the following colors:

neutral
stone
zinc
mauve
olive
mist
taupe

The list comes from the project’s shadcn-svelte, so a newer version may offer more.