---
sourceDocument: Interface do usuário da Now Platform Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interface do usuário da Now Platform Yokohama

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Crie um Next Experienceestilo

# Crie um Next Experienceestilo {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

Quando você cria ou modifica um Next Experience, você cria e edita um ou mais estilos. Os estilos incluem fontes, cores, imagens e formas e formas. Seus novos registros de estilo substituem o estilo Polaris padrão. Os registros de estilo que você cria substituem o tema Polaris padrão em Next Experience.

## Antes de Iniciar

Função necessária: administrador

## Por Que e Quando Desempenhar Esta Tarefa

Quando você edita Next ExperienceEstilos, você trabalha em código JSON bruto. Edite com cuidado.

Você carrega novas fontes ou imagens em um processo separado. Consulte [Adicionar Next Experienceativos de fonte e imagem](https://servicenow-prod.fluidtopics.net/4~3~v5kZqEY1fBafyfhnpQ "Adicione ativos ao seu Next Experiencetemas e estilos para armazenar informações extras associadas a um tema, incluindo fontes e imagens.").

## Procedimento

1. No campo Navegador de filtros, insira <kbd class="ph userinput">sys_ux_style.do </kbd>para criar um registro de estilo.
2. Nomeie o estilo e especifique se é um estilo principal ou uma variante.  
   Nota:  
   O tema escuro é a única variante fornecida com Next Experience.
3. Em Estilo , adicione os blocos base e de propriedades para conter substituições no registro de estilo.  

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

4. **Opcional:** Para salvar seu trabalho entre etapas, selecione Ações adicionais menu ( ![Ícone de ações adicionais.]()) e escolha <kbd class="ph userinput">Salvar </kbd>.
5. Em Estilo Edite o código JSON para refletir as substituições que você deseja que o estilo contenha.
   1. Adicione ou edite suas cores principais na seção base do código JSON.  
      Use valores RGB.

      O exemplo a seguir mostra substituições de cores de amostra.
   2. Edite versões das cores na seção de propriedades do código JSON.
   3. Adicione ou edite formas na seção de propriedades do código JSON.  
      O exemplo a seguir mostra substituições de forma de amostra.   

   {#create-next-experience-style__substeps_nbs_mwg_yrb}
6. Adicione fontes, imagens e outros ativos de tema.  
   Para obter mais informações, consulte [Adicionar Next Experienceativos de fonte e imagem](https://servicenow-prod.fluidtopics.net/4~3~v5kZqEY1fBafyfhnpQ "Adicione ativos ao seu Next Experiencetemas e estilos para armazenar informações extras associadas a um tema, incluindo fontes e imagens.").
7. Se você carregou fontes, adicione ou edite fontes na seção de propriedades do código JSON e selecione Atualizar .  
{#create-next-experience-style__substeps_ol4_rpz_vrb}

## Resultado

As cores, formas e tipos atualizados estão visíveis no seu tema.