# Customizing the Theme {% embed url="" %} Customizing Agent Theme Tutorial {% endembed %} After setting up your custom knowledge base, you’ll move on to personalizing the look and feel of your AI Agent with the theme section. This section allows you to define the color scheme of your Agent, ensuring it matches your brand and provides a pleasant user experience.

Customizing the Theme of your Interworky AI Agent from your Interworky Dashboard

### Theme Configuration In the theme section, you can customize various color elements: * **Primary Color:** The main color that defines your AI Agent’s interface. This color is used for significant elements and helps establish your brand identity. * **Secondary Color:** A complementary color that is used to highlight secondary elements within the Agent interface. * **Text Primary Color:** The color for the main body of text. Ensure this color contrasts well with the background for readability. * **Text Secondary Color:** Used for secondary text elements or subtitles. Like the primary text color, it should offer sufficient contrast.
* **Error Color:** The designated color for error messages or warnings. This color should be noticeable to alert users when something isn’t working as expected.
### Testing and Preview * Test Agent Feature:

Test Agent from with in your Interworky Dashboard

After setting your colors and saving, click on the “Test Agent” button located at the top of the page -available only on desktop view-. This preview feature lets you see how your AI Agent will look with the chosen color scheme, allowing you to adjust the settings as needed. ### Best Practices for Color Selection * **Contrast Is Key:** Ensure that your primary color and text primary color do not blend together (e.g., avoid using white for both), as this will make the text hard to read. * **Complementary Choices:** Similarly, make sure that your secondary color and text secondary color have enough contrast to maintain readability and visual appeal. * **Consistent Branding:** Choose colors that align with your overall brand and website design to create a seamless user experience.
--- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://interworky.gitbook.io/interworky-docs/features-overview/ai-chat-bot-customization/customizing-the-theme.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.