Chat Theme

The visual editor for the chat widget — colors, fonts, paddings, message bubbles, input field, voice availability. Anything you change here is loaded automatically by the SDK on every initialization, with no code changes needed in the partner app.

Why Configure Here vs in Code

Three layers of theming, applied in order — base theme → dashboard config → code-level override:

• Base (light / dark) — picked by the SDK’s theme prop
• Dashboard (this page) — for everyday brand and visual tuning by ops; takes effect on next SDK init
• Code (themeOverride SDK prop) — for fine-grained, per-screen, or runtime-conditional overrides that the dashboard can’t express

If a brand color change can be made from the dashboard, do it here — no app release needed, no engineering review, change reflected within minutes for new sessions. Save the code-level layer for things like “match the surrounding screen’s accent color” that genuinely vary at runtime.

See the Theming guide for the merge order detail and the full themeOverride surface.

What the Voice Toggle Does

Voice availability is theme-adjacent because it controls whether the mic button renders in the chat. Disable it from here if a project shouldn’t expose voice (e.g. a region where voice models are too expensive to support). The SDK’s voiceEnabled prop is the per-app override — both must allow voice for the mic to appear.