Create a Next Experience style

  • Versão de lançamento: Australia
  • Atualizado 12 de mar. de 2026
  • 1 min. de leitura

    • 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.

    Antes de Iniciar

    Role required: admin

    Por Que e Quando Desempenhar Esta Tarefa

    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.

    Procedimento

    1. In the filter navigator field, enter sys_ux_style.do to create a style record.
    2. Name the style and specify whether it’s a Core style or a Variant.
      Nota:
      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. Opcional: To save your work between steps, select the Additional actions icon and choose Save.
    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.

        Style block with 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.
        Style block with shape overrides
    6. Add fonts, images, and other theme assets.
      For more information, see Add Next Experience font and image assets.
    7. If you have uploaded fonts, add or edit typefaces in the properties section of the JSON code and select Update.
      Style block with color, shape, and font overrides

    Resultado

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