Skip to content
Release: Australia · Updated: 2026-03-12 · Official documentation · View source

Apply a custom theme to roadmap

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.

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 Framework > Theme Management > Themes.

    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.

    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 All > System properties > All properties.

    2. Select New.

    3. On the form, fill in the fields.

FieldDescription
NameName of the system property.Enter the name as `sn_align_ws.spw_custom_theme`
ApplicationApplication scope for the system property.Ensure the scope is set to Portfolio Planning.
TypeSystem property type.Set the type to string.
ValueSys\_id of the custom theme you created for roadmap bar colors.Enter the copied sys\_id.
4.  Select **Submit**.

The system property is created and updated to include the custom theme information.

Result

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