---
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 tema personalizado clonando um Construtor de temasregistro de tema

# Crie um tema personalizado clonando um Construtor de temasregistro de tema {#ariaid-title1}

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

Crie um tema personalizado no Next Experienceusando um publicado com mais eficiência Construtor de temasregistro de tema.

## Antes de Iniciar

Para clonar um Construtor de temastema, o tema deve ser publicado. Para obter informações sobre como publicar seu Construtor de temastema, consulte [Publique seus temas com Construtor de temas](https://servicenow-prod.fluidtopics.net/WbbdPyAUiOYa2i5atsHSdg "Publique vários temas em sua instância da web ou um único tema em sua instância móvel para refletir a marca da sua empresa.").

Função necessária: administrador

## Por Que e Quando Desempenhar Esta Tarefa

Para evitar que seu trabalho seja substituído, seu novo tema clonado não é editável no Construtor de temas.

## Procedimento

1. Navegar até TudoEstrutura do Now ExperienceTemas.  
   A tabela Temas de UX é exibida.
2. Na coluna Nome, pesquise por Construtor de temastema que você deseja clonar e selecionar o registro.
3. Clone os cinco registros de estilo de tema de UX.
   1. Em Composição: Tema do app Selecione e mantenha pressionado (ou clique com o botão direito do mouse) o registro de estilo Cores móveis e selecione Abrir link em uma nova guia .
   2. Em Nome insira o nome do tema.  
      Por exemplo, <kbd class="ph userinput">Empresa ABC - Cores para celular </kbd>.
   3. Selecione e mantenha pressionada (ou clique com o botão direito do mouse) a barra de cabeçalho e selecione Inserir e permanecer .  
      Esta ação cria uma cópia do registro de estilo e redireciona as informações para o novo registro de estilo.Figura 1. Registro de estilo de cores para celular clonado
   4. Feche a guia aberta.
   5. Repita este processo para os registros de estilo Forma e forma, Cores, Imagens e Tipografia.

   {#create-custom-theme-using-theme-builder-record__substeps_jmq_msm_pdc}  
   Nota:  
   Os registros de estilo clonados não aparecem no registro de tema atual e esse comportamento é esperado.
4. Clone o registro de tema de UX.
   1. Em Nome altere o nome do registro do tema.  
      Por exemplo, <kbd class="ph userinput">Empresa ABC personalizada </kbd>.
   2. Selecione e mantenha pressionada (ou clique com o botão direito do mouse) a barra de cabeçalho e selecione Inserir e permanecer .  
      Seu novo registro de tema de UX é exibido. Os registros de estilo neste tema estão vazios e este comportamento é esperado. Figura 2. Registro de tema de UX recém-criado
   {#create-custom-theme-using-theme-builder-record__substeps_wm3_z5m_pdc}
5. Adicione os registros de estilo recém-criados ao seu tema.
   1. Clique duas vezes na coluna Estilo para expor o campo de pesquisa.
   2. PESQUISE e selecione um dos seus novos registros de estilo no menu suspenso.
   3. Selecione a marca de seleção verde para salvar sua seleção.
   4. Clique duas vezes na coluna Tipo para expor a lista suspensa e selecione Núcleo .  
      Figura 3. Tipo de estilo
   5. Selecione a marca de seleção verde para salvar sua seleção.  
      Esta ação associa seu registro de estilo ao tema atual.
   6. Repita este processo para os quatro registros de estilo restantes.
   7. Selecione e mantenha pressionada (ou clique com o botão direito do mouse) a barra de cabeçalho e selecione Salvar .  
      Se as mudanças não tiverem sido salvas, barras verdes serão exibidas ao lado dos registros de estilo que você adicionou.Figura 4. Registro de tema de UX antes que o registro seja salvo
   {#create-custom-theme-using-theme-builder-record__substeps_zrl_yvm_pdc}
6. Publique seu tema personalizado.  
   Para publicar seu tema personalizado, consulte [Publique vários temas em Next Experience](https://servicenow-prod.fluidtopics.net/~mJBAuA4SjNJ89J4gRNPrw "Publique vários temas e defina a ordem do seu Next Experiencee. personalizado Construtor de temasTemas para configurar como eles são exibidos nas preferências de tema do usuário.").  
   Agora que seu tema personalizado foi publicado, você está pronto para personalizar seu tema. Para obter um tutorial passo a passo para editar seu registro de cores de estilo de UX, consulte os exercícios 3, Atividade 2 e 3 do [Next Experience Workshop](https://servicenownextexperience.github.io/labs/CCL1319-K24-Theming-Lab/ex3/activity-2) em ServiceNowComunidade.