Customize your widget brand and color

The chat widget picks up your brand from the embed snippet you copy in the dashboard under Settings → Install.

Set your accent color

Add an optional data-color attribute to the <script> tag, for example:

data-color="#0d9488"

The launcher bubble, header gradient, focus rings, and primary buttons all re-tint to that accent. If you omit it, the widget uses the default DeskCrew indigo (#4f46e5).

Note: The widget renders inside an isolated Shadow DOM, so your accent and its layout never clash with the host page's CSS, and the host page's styles never bleed in.

Other embed options

data-position="left" — moves the launcher to the bottom-left.
data-board — carries your public board slug so the Feedback tab links to deskcrew.io/board/<your-slug>.