Customize a Theme Builder theme by creating an alternate color palette for the theme and publishing it to your instance.

Before you begin

Role required: admin

Procedure

  1. Navigate to All > Now Experience Framework > Themes > Theme Builder.
    The Theme Builder landing page displays in the Home page view.
    Figure 1. Page menu
    Page menu.
  2. From the Home page view, select the Manager page view to see the themes you have previously defined.
    Important: When you have selected the theme you want to work on, verify that you have selected the correct scope for the theme from the application scope picker.
    Figure 2. Available themes
    Available themes.
  3. Select the theme that you want to add an alternate color palette to.
    • For a published or unpublished theme group, which has alternate color palettes defined, navigate to the Edit drop-down list and select Add an alternate color palette.
    • For published or unpublished themes without an alternate color palette defined, select the More actions (More actions icon.) icon, and select Add alternate color palette.Add an alternate color palette.
    The alternate color palette wizard appears.
    First, name your alternate color palette.
  4. Provide a Theme group name and the Color Palette name as needed, and then choose a base from either Light Palette or Dark Palette.
  5. Select Create color palette.
    The Editor page for the current palette appears.
    Figure 3. Edit color palette
    Edit the color palette.
  6. (Optional) On this screen, perform the following actions:
    • In the Color palette name field, change the color palette name.
    • Select any of the three brand colors defined in this palette and change them from the color picker.
      Note: For dark palettes, only the primary color can be edited. If you want to customize further, see Edit components.

Result

After the alternate color palette has been added to your core theme, the theme name appears as a group with the palette recorded under the Color palette drop-down list.Color palette drop-down list.

If your theme is currently published, your alternate color palette is available for selection in the user's Theme preferences. For information on publishing your theme, see Publish your themes with Theme Builder.