Agent Guides
Persona
Appearance
17 min
the appearance section allows you to customize the visual theme of your ai assistant interface it provides fine grained controls over fonts, colors, and ui elements for both light mode and dark mode themes all changes can be previewed before saving 🎨 these settings help you create a consistent agent / brand / organization experience and improve accessibility appearance preview theme selection theme dropdown select from predefined themes (e g , sunny morning ) light mode / dark mode tabs switch between customization for light and dark interfaces general true left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type top bar customize the chat header (top section) true left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type agent panel customize the panel where the agent's responses are shown true left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type user panel customize the panel where the user input appears true left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type input box customize the message input box true left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type send button style the message send button true left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type question suggestions customize the suggested response buttons true left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type left unhandled content type actions save apply the changes permanently preview temporarily view how your theme will look before saving advanced mode access more advanced css based customizations best practices use accessible contrast for text and background combinations maintain consistent branding across light and dark modes preview changes thoroughly before applying to production agents use advanced mode for greater control with css next steps after configuring the appearance , continue to review dialog settings or widget integration for a complete assistant setup
