---
sourceDocument: Australia Conversational Interfaces
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/conversational-interfaces

 Release :

    - australia

ft:locale :

    - de-DE

ft:publication_title :

    - Australia Conversational Interfaces

ft:clusterId :

    - convint

bundleId :

    - convint

workflow :

    - Platform


---

# Set up catalog branding

# Set up catalog branding {#ariaid-title1}

* Freigeben Version: Australia
* 
* Aktualisiert 12. März 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 Minuten Lesedauer

Customize the appearance of catalogs in Virtual Agent to match your business' branding.

## Vorbereitungen

Role required: admin, virtual_agent_admin

Download Theme Builder from the ServiceNow Store and activate the plugin (sn_theme_builder). For more information, see [Activate a plugin](https://www.servicenow.com/docs/access?context=t_ActivateAPlugin&version=australia&pubname=australia-platform-administration&ft:locale=en-US).

## Warum und wann dieser Vorgang ausgeführt wird

Virtual Agent uses the Branding Setup \[sys_cs_branding_setup\] table to define branding colors, but catalogs don't inherit branding colors. Instead, catalogs use cascading style sheets (CSS) variables
defined in the UX Themes \[sys_ux_theme\] record on the instance.

## Prozedur

1. Navigate to AllThemesTheme Builder.
2. Create a new theme by providing primary and secondary colors.  
   Hinweis:  
   You can match your colors to the Chat Header Background and Chat Background colors in the branding record of your choice. For more information creating themes, see [Create a theme with Theme Builder](https://www.servicenow.com/docs/access?context=tb-create-theme&version=australia&pubname=australia-platform-user-interface&ft:locale=en-US).
3. Save your theme.
4. Add your theme to the portal configuration.
   1. Navigate to AllNow Experience FrameworkThemes.
   2. Select the record for the theme you want to import.
   3. Under the Additional Actions icon ![Additional actions icon.](), select Copy sys_id.
   4. Navigate to AllService PortalAgent Chat.
   5. Select the portal configuration where you want to add your branding theme, and add the following line to the server script, including the sys_id from Step 4c.

   {#va-catalogs-branding__substeps_ugx_2rp_xbc}  
   For example, if your sys_id is 0be48eb1eba0011090fa99602a522843, you add:

       macroponent_theme: '0be48eb1eba0011090fa99602a522843'

5. Add a variant theme to the portal configuration if desired.
   1. Repeat Steps 4a and 4b.
   2. Under the Compositional: App theme tab, open your desired Style whose Type is Variant.
   3. Repeat Steps 4c and 4d.
   4. Select the portal configuration where you added your branding theme, and add the following line to the server script, including the sys_id from Step 5c.

   {#va-catalogs-branding__substeps_vxh_prp_xbc}  
   For example, if your variant theme's sys_id is 1df59fc2fcb1122101gb00713b633954, you add:

       macroponent_theme_variant: '1df59fc2fcb1122101gb00713b633954'

6. Select Update to save the configuration.
7. Navigate to the portal where the configuration is used.  
   For example, if you updated the ESC Chat portal configuration, navigate to Employee Service Center.
8. Run the catalog topic in the portal chat to load its configuration and reveal any elements that need branding.  
9. Navigate to AllNow Experience frameworkThemesTheme Builder.
10. From the drop-down menu, select Manager, then select your created theme.
11. Under the Component styles tab, select Edit.  
12. Select one of the elements needing branding found in Step 8.
13. In the palette sidebar, set the element's hex code color to match the color from your branding record.
14. Repeat Steps 12 and 13 until you update all elements.  
{#va-catalogs-branding__steps_c5m_yxh_qcc}

## Ergebnisse

Catalog color themes now match your branding.