Create a custom theme for roadmap

  • Release version: Australia
  • Updated March 12, 2026
  • 2 minutes to read

    • Customize roadmap bar colors to align with your organization’s branding guidelines and maintain visual consistency.

    Before you begin

    Role required: admin

    About this task

    The roadmap applies the colors defined in the UI theme’s Alert and Grouped options.

    Procedure

    1. Navigate to All > Now Experience Framework > Theme Management > Theme Builder.
    2. From the Theme Builder Home page or Editor page, select Create a theme.
      The theme creation wizard opens.
    3. On the Before we get started window, select Continue.
      Complete the following steps for each screen in the wizard.
      Note:
      • Only the step 1 (Naming your theme) is required to create a theme.
      • Configuring items in steps 2–8 (such as primary, secondary, and neutral colors, company logo, additional colors, fonts, and corner shapes) doesn’t affect roadmap bar colors.
      On this wizard screen... Perform these steps...

      Step 1 of 9

      First, let’s name your theme
      1. Enter a name for your theme in the Theme name field.
      2. (Optional) Enter a brief description for your theme in the Description field.
      3. Select Next to continue.

      Create custom roadmap theme step1.

      Step 2–8 of 9

      • Step 2: What's your brand's primary color
      • Step 3: Do you want to add a secondary color
      • Step 4: Now, choose a neutral brand color
      • Step 5: Do you want to add any additional colors
      • Step 6: Next, let's add your company logo
      • Step 7: Which font would you like to use
      • Step 8: Almost done. Choose the corner shape you prefer.
      1. (Optional) Choose the primary color, secondary color, neutral color, add any extra colors, company logo, font style, user interface corner shapes for your organization on the respective screens.
      2. Select Next to continue until you reach step 9.

      Create custom roadmap theme step2.
      Finally, review your selections.
      1. Review all configured items (colors, logo, font, and shape).
      2. Select Create theme to finalize.

      Create custom roadmap theme step9.
    4. On the Theme Builder page under Global styles, select Color icon (Theme builder color icon.) to configure colors for your roadmap bars.
      Color option in creating a theme.
    5. Under UI colors, in the Show option, select All colors
      All colors option in creating a theme.
    6. Configure Alert colors.
      1. Under UI colors, select Alert.
      2. Configure colors for the following required alert options.
        • Alert Critical
        • Alert High
        • Alert Warning
        • Alert Moderate
        • Alert Info
        • Alert Positive
        • Alert Low

      Customizing alert colors for roadmap.

    7. Configure Grouped colors.
      1. Under UI colors, select Grouped.
      2. Configure colors for the following required groups.
        • Grouped Blue
        • Grouped Brown
        • Grouped Gray
        • Grouped Green
        • Grouped Green
        • Yellow Grouped
        • Magenta Grouped
        • Orange Grouped
        • Orange Grouped
        • Pink Grouped Purple
        • Grouped Teal
        • Grouped Yellow

      Customizing grouped colors for roadmap.

    What to do next

    Publish your custom theme so that you can apply it to your roadmap. For details, see Publish a custom roadmap theme.