Set the toolbar color

Primary color

The primary color controls several visual elements in the chat interface, including:

• The toolbar at the top of the chat
• The details inside starter questions
• The thinking dots shown while your AI agent is generating a response

---

How to change the toolbar color

1. Click the Personalize icon next to the agent you want to customize.

2. Locate the Agent Color scheme section.

3. Select your preferred scheme:
   • Adaptive - Set one primary color, agent colors adjust automatically
   • Legacy - Set toolbar and agent colors individually

If You Selected Adaptive

• Scroll to the Primary color field

4. Click the color icon to open the color picker.

5. Choose your toolbar color:
   • Enter a HEX code for the desired color, or

• You can move the color selector dot to choose a color manually.

5. Click Save Settings to apply the update.

📘

Note:

The agent color will automatically adjust to complement your primary color choice.

If You Selected Legacy

1. Scroll to the Color section.

2. Locate Primary Color field.

3. Click the color icon to open the color picker.

4. Choose a color:

• Enter a HEX code for the desired color, or

• Move the color selector dot to choose a color manually

5. Click Save Settings to apply the update.

Looking to adjust user message color? See how to set user message color.