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
UI Color Theming
Customize the iframe appearance by providing four key colors:Primary Background Color
Primary Background Color
Used as the primary background color for the chat app and artifact panel
Dark Background Color
Dark Background Color
Dark background color used for text input and side navigation
Light Background Color
Light Background Color
Light background color used for artifact tags
Outline Color
Outline Color
Outline color for borders, buttons, and interactive elements like recommendations
We recommend the backgrounds are different shades of the same color.
Color Requirements
The number of colors required depends on your theme mode selection.Light or Dark Mode Only
4 colors totalProvide all four color values for your chosen mode
Both Modes (Adaptive)
8 colors totalProvide 4 colors for light mode + 4 colors for dark mode