Voxify Studio Docs Sign in
Configuration · Theme

Theme

One colour is all it takes to make the embedded editor feel like part of your product rather than a bolted-on widget.

Primary color

What it is — your brand's primary colour. It's used for selection states — the selected voice and track cards, the played waveform bars — and, in a slightly stronger variant, for the active tab header.

Why / when — set it so the editor's accents match your site. Pick a colour that reads well against white, since it's applied to small UI accents and text-adjacent elements.

How — theme.primary (Builder: Theme → Primary color). Any CSS colour; default #618fef.

javascript
theme: {
  primary: '#7c3aed',
}
One key, by design. theme.primary is currently the only theming key — there's no separate accent, background, or text colour. It's deliberately scoped to the accents that matter so the editor stays legible against any host page.