Theme

The theme command changes the accent color of the application, keeping the base palette.

Syntax

$ vela ui theme <accent>

$ vela ui theme blue

The accent sets the primary color, the focus ring and the chart colors. Like base, it rewrites the color tokens in src/app.css.

Running vela ui base afterwards resets the accent, so pick the base color first.

Colors

Vela supports the following accents:

amber
blue
cyan
emerald
fuchsia
green
indigo
lime
orange
pink
purple
red
rose
sky
teal
violet
yellow

The base colors are accepted as well. The list comes from the project’s shadcn-svelte, so a newer version may offer more.