--- title: "Theme Configuration" slug: "theme-configuration-1" updated: 2026-04-01T07:45:12Z published: 2026-04-01T07:45:12Z canonical: "help.symphonysummitai.com/theme-configuration-1" --- > ## Documentation Index > Fetch the complete documentation index at: https://help.symphonysummitai.com/llms.txt > Use this file to discover all available pages before exploring further. # Theme Configuration Themes let you customize the look and feel of the application. You can personalize a theme by choosing colors, layouts, fonts, and font sizes to match your preferences. You can set the theme color to the company’s primary color or select from the predefined color palettes. After you configure a theme, you can apply it to update the application’s appearance. Applying a theme ensures a consistent style across the interface and enhances the overall user experience. > [!NOTE] > Note > > Themes option is visible only when it is configured in the Role Template. > [!NOTE] > Migrating from Elbrus to Apex 2.0 v1.x (where 1.x refers to Apex 2.0 v1.2, 1.3, 1.4 or any future releases) > > Ensure you reconfigure Themes and associated Application level scripts while migrating from Elbrus to Apex 2.0 v1.2, v1.3, or future 1.x relesaes. For more information, refer the [following section](/apex/docs/theme-configuration-1#reconfigure-themes-and-associated-scripts-for-migrating-to-apex-v1x). #### **Reconfigure Themes and Associated Scripts for Migrating to Apex v1.x** When migrating from **Elbrus** or **Apex 2.0 v1.2** to **Apex 2.0 v1.x (where 1.x refers to:** ***Apex 2.0 v1.2, 1.3, 1.4 or future 1.x releases*)**, the following updates are required: - **Theme reconfiguration is mandatory.** All existing themes must be recreated or reconfigured to align with the updated platform requirements. - **Application‑level scripts tied to themes also require reconfiguration.** Any script previously associated with a theme must be reviewed and updated to ensure compatibility after the migration. - **Engineering teams responsible for theme setup should perform a full review.** Engineers must verify that all scripts connected to theme behavior are revalidated, updated, and reapplied as needed. - **Existing script details can be recovered from the database.** Script metadata stored in the system database can be retrieved and reused when configuring newly created themes, ensuring continuity and reducing manual rework. ![](https://cdn.document360.io/62351b42-cfbd-43ad-8ce1-82b8f455337f/Images/Documentation/Themes reconfigure(1).png) Figure: Themes and App Scripts Reconfiguration Needed to Migrate to Apex 2.0 v1.x To configure Themes, perform the following steps: 1. Navigate to **Admin > Basic > Infrastructure > Themes > Theme Configuration**. The Theme Details page is displayed. ![](https://cdn.document360.io/62351b42-cfbd-43ad-8ce1-82b8f455337f/Images/Documentation/image-Z47L56IL.png)Figure: Theme Details 2. In **Create custom theme**, select one of the following options: | Field | Description | | --- | --- | | Use your brand assets (logo/primary color) | Apply your organization’s logo and primary color. By default, the radio-button is selected. Click![](https://cdn.document360.io/62351b42-cfbd-43ad-8ce1-82b8f455337f/Images/Documentation/download.jpg)upload the logo to automatically apply its primary brand color to the Theme. > [!NOTE] > Note > > Upload a logo in PNG, SVG, or JPEG format and the maximum file size allowed for upload is 100 MB. | | Select from accessible color presets | Select from predefined, accessibility-compliant color combinations. The currently selected color is highlighted. You can select only one color at a time. ![](https://cdn.document360.io/62351b42-cfbd-43ad-8ce1-82b8f455337f/Images/Documentation/image-TB1LG016.png) | 3. In the **Preview** section, verify the color extracted from your logo or the predefined color you selected. 4. Click **Save and Apply** to apply the theme to the application. #### Default Theme Widget The Default Theme Widget allows you to view whether the default theme is applied to the application and check its status. If the status is **Active**, the default theme is applied; if Inactive, it is not. The **Apply** button is enabled when the default theme is applied; disabled when **Inactive**. By default, the Default Theme displays the organization’s uploaded logo and its primary color (hex code). ![](https://cdn.document360.io/62351b42-cfbd-43ad-8ce1-82b8f455337f/Images/Documentation/image-8F4AW4DO.png) Figure: Default Theme #### Preview The **Preview** option enables you to view how the application interface will look with either the Standard or Contrast themes before applying them. This feature helps you make an informed choice by allowing them to compare readability, accessibility, and visual appearance without altering the actual theme settings. Selecting the **Use your brand assets (logo/primary color)** radio button (which is the default option) enables you to select a logo by clicking![](https://cdn.document360.io/62351b42-cfbd-43ad-8ce1-82b8f455337f/Images/Documentation/download(1).jpg) or **+ Choose File** button. Once you select a logo, the theme automatically applies the primary brand color extracted from the logo to the Primary color extracted in the Preview section. ![](https://cdn.document360.io/62351b42-cfbd-43ad-8ce1-82b8f455337f/Images/Documentation/image-IOZAOKFJ.png)Figure: Using brand guidelines Click **Edit** to manually enter the hex code value, rather than using the color extracted from the logo. ![](https://cdn.document360.io/62351b42-cfbd-43ad-8ce1-82b8f455337f/Images/Documentation/image-7XQ0OVTJ.png) Figure: Hex Code After entering the hex code, click **Apply** to preview the theme in both the **Standard** and **Contrast** widgets. Select the respective widget to see how the theme will look in the chosen format. ![](https://cdn.document360.io/62351b42-cfbd-43ad-8ce1-82b8f455337f/Images/Documentation/image-T4IGBFLW.png) To view the **Standard** theme, select the Standard widget and click **Save and Apply**. ![](https://cdn.document360.io/62351b42-cfbd-43ad-8ce1-82b8f455337f/Images/Documentation/image-L35KQ3SD.png)Figure: Standard View To view the **Contrast** theme, select the Contrast widget and click **Save and Apply**. ![](https://cdn.document360.io/62351b42-cfbd-43ad-8ce1-82b8f455337f/Images/Documentation/image-T2BD1SQ1.png) Figure: Contrast View