Publish your themes with Theme Builder

Publish multiple themes to your web instance or a single theme to your mobile instance to reflect your company's brand.

Before you begin

Role required: admin

About this task

Currently, mobile instances can only accommodate one published theme at a time.

If you want to publish a theme to specific mobile applications, you can use Mobile App Builder. Any themes that are created using Theme Builder are available for publishing in Mobile App Builder.

Procedure

1. Navigate to All > Now Experience Framework > Themes > Theme Builder.
   The Theme Builder landing page appears in the Home page view.
2. From the Home page view, select the Manager page view to see the themes that you have created.
3. Decide which theme that you want to publish from the Unpublished section.
   Note:

   When you have selected the theme that you want to publish, verify that you have selected the correct scope for the theme from the application scope picker.
4. To publish your themes, complete any of the following actions.

   Option	Description
   Publish using the List or Grid view More Actions menu	From the Unpublished section, select the More actions () icon from the theme that you want published, and select Publish. Note: A confirmation dialog box appears.
   Publish using the List view drag-and-drop feature	From the Unpublished section, hover over the theme you want published, and drag the theme into the Published section. Note: A confirmation dialog box appears.

5. Select Publish.
   The theme appears in the Published section of the Manager page.

   Note:

   After you have published your theme to your instance, the theme is available for selection in the user's Theme preferences. For more information, see Select a theme in Next Experience.
6. Optional: Select one theme as the default if you have published multiple themes to your web instance.

   For more information, see Set the default theme.

   If you have published only one theme to your web instance, that theme is the default theme. The default theme appears first in the user's Theme preference.

7. Optional: Set the presentation order of your themes if you have published multiple themes to your web instance.
   Note:

   The presentation order determines how the themes appear in the user's Theme preference.

   For more information on setting order using the List view drag-and-drop feature, see Set the presentation order of your Theme Builder themes.

   For information on setting order using the Next Experience, see Publish multiple themes in Next Experience.

8. Refresh your browser to view the new theme published to your instance.
   Note:

   Only themes that are created in Theme Builder can be edited and published using Theme Builder. Web and mobile themes you may have created outside of Next Experience (for example, in the mobile legacy UI or Core UI) can’t be viewed or edited within Theme Builder. To reuse these legacy themes, you must re-create them in Theme Builder.

   Additionally, if you created and published themes outside of Theme Builder, and you want to revert them, you must navigate to the tables that they’re stored in and reapply them. If, however, you want to change themes in individual mobile applications, you can do so using Mobile App Builder.

• Set the default theme
  Set a preferred Theme Builder theme as the default for your web experiences when multiple themes are published.
• Set the presentation order of your Theme Builder themes
  Set the order of your Theme Builder themes to configure how they’re displayed in the user's Theme preferences.
• Upload a logo while publishing a theme with Theme Builder
  Upload your logo while publishing a theme to your instance using the Editor view. If you previously applied a logo to your theme, you can upload a new one in Theme Builder.