---
sourceDocument: Zurich ServiceNow AI Platform user interface
sourceDocumentLink: https://www.servicenow.com/docs/r/zurich/platform-user-interface

 Release :

    - zurich

ft:locale :

    - en-US

ft:publication_title :

    - Zurich ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Create a Next Experience style

# Create a Next Experience style {#ariaid-title1}

* Release version: Zurich
* 
* Updated July 31, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

When you create or modify a Next Experience theme, you create and edit one or more styles. Styles include typefaces, colors, images, and shapes and forms. The new style records you create override the default Polaris or default Coral theme in Next Experience.

## Before you begin

Role required: admin

## About this task

When you edit Next Experience styles, you work in raw JSON code. Edit with
care.

You upload new typefaces or images in a separate process. See [Add Next Experience font and image assets](https://www.servicenow.com/docs/qAyl~R6qcie7rpaIoU9eFQ "Add assets to your Next Experience themes and styles to store extra information associated with a theme, including fonts and images.").

## Procedure

1. In the filter navigator field, enter <kbd class="ph userinput">sys_ux_style.do</kbd> to create a style record.
2. Name the style and specify whether it's a Core style or a Variant.  
   Note:  
   The Dark theme is the only variant shipped with Next Experience.
3. In the Style field, add the base and properties blocks to contain overrides in the style record.  

       {
         "base": {
       },
         "properties":{
         }
        }

4. **Optional:** To save your work between steps, select the additional actions icon![]() and choose <kbd class="ph userinput">Save</kbd>.
5. In the Style field, edit the JSON code to reflect the overrides you want the style to contain.
   1. Add or edit your main colors in the base section of the JSON code.  
      Use RGB values.

      The following example shows sample color overrides.
   2. Edit versions of the colors in the properties section of the JSON code.
   3. Add or edit shapes in the properties section of the JSON code.  
      The following example shows sample shape overrides.   

   {#create-next-experience-style__substeps_nbs_mwg_yrb}
6. Add fonts, images, and other theme assets.  
   For more information, see [Add Next Experience font and image assets](https://www.servicenow.com/docs/qAyl~R6qcie7rpaIoU9eFQ "Add assets to your Next Experience themes and styles to store extra information associated with a theme, including fonts and images.").
7. If you have uploaded fonts, add or edit typefaces in the properties section of the JSON code and select Update.  
{#create-next-experience-style__substeps_ol4_rpz_vrb}

## Result

The updated colors, shapes, and typefaces are visible in your theme.