---
sourceDocument: Zurich Strategic Portfolio Management
sourceDocumentLink: https://www.servicenow.com/docs/r/zurich/it-business-management

 Release :

    - zurich

ft:locale :

    - en-US

ft:publication_title :

    - Zurich Strategic Portfolio Management

ft:clusterId :

    - itbm

bundleId :

    - itbm

workflow :

    - Technology


---

# Apply a custom theme to roadmap

# Apply a custom theme to roadmap {#ariaid-title1}

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

Apply your custom theme to ensure roadmap bar colors align with your organization's style.

## Before you begin

* You have created and published a custom theme to apply to the roadmap.
* Ensure the application scope in your instance is set to Portfolio Planning.
{#apply-custom-theme-for-roadmap-ppw__ul_tb4_lkw_mhc}

Role required: admin

## About this task

To update the color theme for your roadmap bars, you must copy the sys_id of your custom theme, and then create a system property and set its value to the copied sys_id.

The colors configured in the custom theme will be applied to the roadmap bars. However, these colors won't affect the colors of roadmap milestones or planning item milestones.

## Procedure

1. Copy the sys_id of the custom theme.
   1. Navigate to Now Experience FrameworkTheme ManagementThemes.
   2. Search for the custom theme that you want to apply to the roadmap.
   3. Right-click the name of your custom theme and select Copy sys_id.

   {#apply-custom-theme-for-roadmap-ppw__substeps_i1n_wnr_khc}  
   The sys_id of your custom theme is copied.
2. Create a system property and enter the copied sys_id in the form.
   1. Navigate to AllSystem propertiesAll properties.
   2. Select New.
   3. On the form, fill in the fields.  
      {#apply-custom-theme-for-roadmap-ppw__table_ffy_qlw_mhc__entry__2}

      | Field | Description |
      |-|-|
      | Name | Name of the system property. Enter the name as <kbd class="ph userinput">sn_align_ws.spw_custom_theme</kbd> |
      | Application | Application scope for the system property. Ensure the scope is set to Portfolio Planning. |
      | Type | System property type. Set the type to string. |
      | Value | Sys_id of the custom theme you created for roadmap bar colors. Enter the copied sys_id. |
      [Table 1. System Property]

      {#apply-custom-theme-for-roadmap-ppw__table_ffy_qlw_mhc}
   4. Select Submit.

   {#apply-custom-theme-for-roadmap-ppw__substeps_rgy_sjw_mhc}  
   The system property is created and updated to include the custom theme information.
{#apply-custom-theme-for-roadmap-ppw__steps_xqm_nfj_4hc}

## Result

The roadmap bars now display the colors configured in the custom theme.

*[\>]: and then