Custom Themes

Appearance

Customize camelAI visual appearance to match your brand and application design

Theme Mode

Choose how camelAI handles light and dark themes:

Light Only

Force light mode for all users

Dark Only

Force dark mode for all users

Both (Adaptive)

Automatically detect and match the user's system preference

Customize the iframe appearance by providing four key colors:

Primary Background Color

Used as the primary background color for the chat app and artifact panel

Dark Background Color

Dark background color used for text input and side navigation

Light Background Color

Light background color used for artifact tags

Outline Color

Outline color for borders, buttons, and interactive elements like recommendations

These four colors make up the bulk of colors applied throughout the interface.

The number of colors required depends on your theme mode selection.

Light or Dark Mode Only

4 colors total

Provide all four color values for your chosen mode

Both Modes (Adaptive)

8 colors total

Provide 4 colors for light mode + 4 colors for dark mode