Apply your theme with Theme Builder

  • Release version: Washingtondc
  • Updated February 1, 2024
  • 1 minute to read

    • Apply a theme to your instance to reflect your company's brand in web and/or mobile instances. Themes applied in Theme Builder override any previously applied themes.

    Before you begin

    Role required: admin

    Procedure

    1. Use either of the following ways to implement a theme.
      OptionSteps
      Using Manager view
      1. Navigate to Page: > Manager.

        The list shows existing themes built using Theme Builder.

      2. Select the theme you want to apply on your instance.
      3. From the Apply drop-down list, select the experience on which you want to apply this theme on your instance: Web & mobile, Web only, or Mobile only.
      4. If you want to update the applied theme, select the theme to open it in Editor view.
      Using Editor view
      1. Go to Page: > Editor.
      2. Select the theme you want to apply from the drop-down menu.
        Note:
        The Apply theme button is enabled. However, if the theme name is same as the currently applied theme, Apply theme is disabled.
      3. Select Apply theme to implement the selected theme to the instance experience(s) you require.
        Select the instance experiences you want to apply this theme to
    2. Select Apply if you want to replace the current theme with the selected theme.
      Image showing Apply theme modal
      Note:
      All web and available mobile experiences get the new theme. If you want to apply a themes to specific mobile applications, you can use Mobile App Builder. Any themes created using Theme Builder are available for applying in Mobile App Builder.
    3. Refresh your browser to view the new theme.
      Note:
      Only themes created in Theme Builder can be edited and applied 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) cannot be viewed or edited within Theme Builder. To reuse these legacy themes, you need to recreate them in Theme Builder.

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