---
sourceDocument: Zurich Customer Service Management
sourceDocumentLink: https://www.servicenow.com/docs/r/zurich/customer-service-management

 Release :

    - zurich

ft:locale :

    - en-US

ft:publication_title :

    - Zurich Customer Service Management

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# Match the decision tree theme to the Service Portal

# Match the theme of the decision tree component with the Service Portal page {#ariaid-title1}

* Release version: Zurich
* 
* Updated July 31, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Customize the theme of the decision tree component to match the Service Portal theme.

## Before you begin

A variant UX theme to match the theme of the decision tree component with the Service Portal theme must exist. For more information, see [Manage the visual style of UI Builder experiences](https://www.servicenow.com/docs/access?context=manage-the-visual-style-of-ui-builder-experiences&version=zurich&pubname=zurich-application-development&ft:locale=en-US).

Role required: sp_admin or admin

## Procedure

1. Navigate to AllSystem PropertiesAll Properties.
2. In the Search field, enter <kbd class="ph userinput">ux_portal_theme_to_uib_theme_mapping</kbd> and select the record.
3. Copy the value of the Name field from the ux_portal_theme_to_uib_theme_mapping record.  
   The Name field contains the system property name appended with the existing portal theme ID, for example, `ux_portal_theme_to_uib_theme_mapping.f548bd34845a1110f87767389929c667`.
4. Select New to create a system property.
5. In the Suffix field, paste the copied value.
6. Provide the UX theme ID of the theme that you want to apply in the Value field.
   1. On the UX theme record, select the Additional actions icon (![Additional actions icon]()).
   2. Select Copy sys_id from the menu.
   {#apply-new-theme-to-service-portal__substeps_jqg_bvx_21c}
7. Select Update.

## Result

The Service Portal theme is applied to the decision tree component.

*[\>]: and then


