Add an alternate color palette

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

About this task

An alternate color palette enables you to create additional color schemes beyond the primary theme colors.

Before you begin

Role required: admin

You can also watch a short video on how to create an alternate color palette.

Procedure

1. Navigate to All > Now Experience Framework > Theme Builder.
   The Theme Builder landing page displays in the Home page view.

   Figure 1. Page menu

   

2. From the Home page view, select the Manager page view to see the themes you have created.
   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 published themes

   

3. Select the theme to which you want to add an alternate color palette to.
   • For published or unpublished themes without an alternate color palette already defined, select the More actions icon (), and select Add alternate color palette.
   • 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.
   The alternate color palette wizard appears.

   

4. Enter a Theme group name and the Color Palette name, then choose from either Light Palette or Dark Palette.
5. Select Create color palette.
   Note:

   The alternate color palette uses the same font, shapes, and logo as the primary theme. To edit those styles, edit the primary theme.
   The Editor page for the current palette appears.
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

The alternate color palette is added to your primary theme. The theme name now appears as a theme group with the palette recorded under the 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.