Appearance

Customize your AI Agent's appearance to match your brand identity. You can choose from ready-made themes or create a completely custom design that reflects your unique style. All changes are previewed in real-time on the right side of the screen.

---

Themes

You have three options for customizing your AI Agent's appearance: Predefined Themes, Custom Themes, or AI-Generated Themes. Each option allows you to create a professional look that matches your brand.

Predefined Themes

Quickly apply a professional theme with one click. These ready-to-use themes are designed to work well out of the box. Available options include:

• Cosmic Chills: A light, serene theme with purple and blue accents
• Cosmic Depth: A dark theme with deep purple tones
• Sunset Bliss: Warm orange and peach tones for a calming atmosphere
• Stary Night: A clean white theme with blue accents
• Mint Breeze: Fresh green and teal tones with pink highlights

Simply click on any theme card to apply it instantly. The selected theme will be highlighted with a checkmark and border.

Explore predefined themes for quick customization.

Custom Themes

Create a completely personalized theme by adjusting individual color and style settings. This gives you full control over every visual element of your AI Agent.

When you enable Custom Theme, you can customize the following sections:

Layout Settings

• Layout Background: The main background color of the chat interface
• Minimized Background Color: The background color when the chat widget is minimized

Action Elements

Control the appearance of interactive elements:

• Input Background: The background color of the message input field
• Input Font Color: The text color inside the input field
• Primary Button: The color of primary action buttons (like send or submit)
• Border Color: The color of borders around input fields and buttons

Messages

Customize how messages appear in the chat:

• AI Agent Reply Background: The background color of messages sent by your AI Agent
• AI Agent Font Color: The text color of AI Agent messages
• User Reply Background: The background color of messages sent by users
• User Font Color: The text color of user messages

Font Selection

Choose the font style for your AI Agent interface from the dropdown menu. This affects all text displayed in the chat widget.

All color fields support hex color codes (e.g., #ffffff for white). You can use the color picker or type the hex code directly.

Create and apply fully customizable themes for unique branding.

note

Remember to click the Save Changes button at the top right to save your appearance customizations.

---

AI Theme

Let AI generate a custom theme for you based on a simple text description. This feature saves time and helps you discover creative color combinations you might not have considered.

How to Use AI Theme:

1. Click the AI Theme button located near the predefined themes section.

   Use AI to create custom themes effortlessly.

2. In the text input field that appears, describe the theme you want. For example, type "White and Blue theme" or "Modern dark theme with purple accents".

   Describe your theme preferences to the AI.

3. Click the generate button (star icon) to create your theme. The AI will automatically apply colors and styles based on your description.

4. Preview the changes in real-time in the preview panel on the right side of the screen.

5. Once you're satisfied with the generated theme, click Done to apply it. Don't forget to click Save Changes at the top right to save your settings.

The AI-generated theme will be applied to your Custom Theme settings, where you can further fine-tune any colors or styles if needed.