> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ekho.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Appearance

> Make the chat widget look like it belongs on your site.

Under **Product settings → Sales Agent → Chat widget**, in **Appearance**. Saved **per domain**, so each site can look different.

## Brand color

Pick from the preset swatches, or set your own color. The default is a near-black (`#1E1E21`) that sits quietly on most sites.

The brand color is used for the widget's accent elements, so it is the fastest way to make the chat feel like part of your site rather than a bolted-on tool.

## Theme

Two options: **Light** or **Dark**. Each shows a small preview of the chat surface so you can see the result before saving.

Saved per domain, so one site can run light and another dark.

## Launcher

The launcher is what buyers see before they open the chat. Three variants:

| Variant          | What it looks like            |
| ---------------- | ----------------------------- |
| **Text pill**    | A pill with text. The default |
| **Left button**  | A button on the left          |
| **Right button** | A button on the right         |

<Tip>
  If you already have a cookie banner or another chat tool anchored in one corner, pick the variant on the opposite side so the two do not overlap. That collision is the most common complaint after install.
</Tip>

Changes apply the next time the widget loads on your site.

## Related

<CardGroup cols={2}>
  <Card title="Chat experience" icon="comments" href="/sales-agent/agent/chat-experience">
    Suggestions, quick actions, and input placeholders.
  </Card>

  <Card title="More than one website" icon="globe" href="/sales-agent/agent/multiple-websites">
    Configure each domain independently.
  </Card>
</CardGroup>
