Apply a custom theme to roadmap

  • Release version: Australia
  • Updated March 12, 2026
  • 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.

    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.
        Table 1. System Property
        Field Description
        Name Name of the system property.

        Enter the name as sn_align_ws.spw_custom_theme
        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.
      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.