--- title: Configure a Next Experience theme description: Add the styles that you have created to your Next Experience theme to modify the look and feel of the user experience. locale: en-US canonical_url: https://www.servicenow.com/docs/r/australia/platform-user-interface/configure-next-experience-theme.html release: australia topic_type: task last_updated: "2026-03-12" reading_time_minutes: 4 breadcrumb: [Configuring Next Experience themes, Working with themes, Configure, Next Experience UI, Configure UIs and portals, Configure user experiences] --- # Configure a Next Experience theme Add the styles that you have created to your Next Experience theme to modify the look and feel of the user experience. ## Before you begin Ensure that the following system properties that are located in `sys_properties.list` are set to **True**: - **glide.ui.polaris.experience** - **glide.ui.polaris.dark\_themes\_enabled**: To reuse the Next Experience dark variant in this theme. Role required: admin ## About this task The Next Experience includes two themes, Polaris and Coral. You can reuse or customize either theme as a starting point when you create or modify your own themes. ## About this task **Note:** If you're customizing a theme that you created with Theme Builder and enter invalid JSON code, you can't save your theme record. While working in the UX theme record, you can navigate to the Editor page by using the **Open in Theme Builder** button. For more information, see [Manage or edit a theme with Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/tb-edit-theme.md). ## Procedure 1. Navigate to **All** > **Now Experience Framework** > **Theme Management** > **Themes**. 2. Create a theme record by selecting **New**. 3. Enter a name and a description for your theme.\[Omitted image "next-exp-theming-form.png"\] Alt text: UX Theme form. 4. Select the Additional actions icon \[Omitted image "icon-context-p.png"\] Alt text: and select **Save**. 5. On the **Compositional: App Theme** tab, insert rows to add styles that are associated with your theme. You assign values in four columns: - **Applicability** Overrides the base theme. Users who meet the applicability constraints see those overrides in their theme rather than the base style. For example, a style with different fonts can be applied to managers. Users who meet the manager applicability see the different fonts in the Next Experience UI, which overrides the base system theme values. Administrators do not have to copy or create an entire theme with changes for the applicable audience. **Note:** Leaving the Applicability constraint to empty will apply the style to all users. - **Order** Specifies when the style is applied. The higher the order means that the greater its priority is. **Note:** If you want to use a custom style, make sure that your style order number is higher than the standard Polaris or Coral style. - **Style** Configures four main styles. You can't edit the style names that are used in the provided Polaris or Coral themes, but you can copy the JSON code that is associated with each style from either theme and paste and edit it in your custom style's form. - **Colors:** Specifies the color properties of the theme and any base variants that you want to add. In the base section of the color style, a subset of the colors that the theme uses are defined with Red, Green, Blue \(RGB\) values. The theme generates more than 20 gradients of those colors in the application. - **Shape and Form:** Specifies the look and feel of the borders as well as the buttons and other UI controls. - **Imagery:** Adds images that are used in your application's theme. - **Typography:** Specifies the fonts that are used throughout the application. - **Type** Specifies two types: Core and Variant. The Core styles include the color, shape and form, typography, and imagery. Variants specify a different version of the theme, such as the different colors that users can select. The most common variant is a dark version of the theme. The Dark theme is the only variant that is shipped with Next Experience. For more information, see [Working with themes in Next Experience](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/next-experience-theming.md). 6. Select the **Style** field and select the lookup icon \[Omitted image "ux-style-search.png"\] Alt text:. 7. Select **New**. 8. Select Primary, Secondary, and Neutral colors. **Note:** A theme is made up of multiple variables, so you may notice the default Polaris or Coral theme coloring coming through in different places. 9. When you have your organization's branding colors, navigate to the color generator at [https://theme.deoprototypes.com/color-generator-algo-v1](https://theme.deoprototypes.com/color-generator-algo-v1). 10. Select the **Auto Generate** button. A modal pops up and asks you to enter in the three colors from your organization. 11. Enter your hex code values for your organization's colors. 12. Select **Generate**. 13. Gather your CSS variables by selecting **Copy JSON**. 14. Fill in the UX style form.\[Omitted image "ux-style-theme-form.png"\] Alt text: UX Style form.
Field Description
Name Name of your UX style.
Type - Core - Variant For more information on types, see [Difference between core styles and variants](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/difference-themes-variants.md).
Style Values for the colors, shapes, and forms. Some of the values are colors and some, like borders, are pixel values.**Important:** JSON code must be wrapped as shown in the following example.\[Omitted image "property-values.png"\] Alt text: Property value string.
Application Scope of the UX style.
15. Select **Submit**. 16. Select **Update**. ## What to do next To publish your custom theme, see [Publish multiple themes in Next Experience](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/configure-presentation-order-of-themes.md). **Parent Topic:**[Configuring Next Experience themes and preferences](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/config-next-experience-themes-prefs.md)