--- 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 --- # Configure um Next Experiencetema # Configure um Next Experiencetema {#ariaid-title1} * Versão de lançamento: Yokohama * * Atualizado 30 de jan. de 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 min. de leitura Adicione os estilos que você criou ao Next Experiencetema para modificar a aparência da experiência do usuário. ## Antes de Iniciar Certifique-se de que as seguintes propriedades do sistema que estão localizadas em `sys_properties.list `estão definidos como Verdadeiro : * glide.ui.polaris.experience * glide.ui.polaris.dark_themes_enabled: Para reutilizar o. Next Experiencevariante escura neste tema. {#configure-next-experience-theme__ul_xxt_gn4_m5b} Função necessária: administrador ## Por Que e Quando Desempenhar Esta Tarefa O padrão Next ExperienceO tema é chamado Polaris. Você pode reutilizar ou personalizar o tema como ponto de partida ao criar ou modificar seus próprios temas. ## Por Que e Quando Desempenhar Esta Tarefa Nota: Se você estiver personalizando um tema criado com Construtor de temasE insira um código JSON inválido, você não pode salvar seu registro de tema. Ao trabalhar no registro de tema de UX, você pode navegar até a página Editor usando Abrir no Construtor de temas botão. Para obter mais informações, consulte [Gerencie ou edite um tema com Construtor de temas](https://servicenow-prod.fluidtopics.net/SXBUkWcN19u5lMBaHGM0QA "Personalize e gerencie seu tema e estilo de maneira econômica e econômica. Depois de personalizar, publique seu novo tema em uma implementação web ou móvel da sua instância."). ## Procedimento 1. Navegar até TudoEstrutura do Now ExperienceGestão de temasTemas. 2. Selecione um registro de tema Novo . 3. Insira um nome e uma descrição para o tema. 4. Selecione o ícone Ações adicionais ( ![Ícone de ações adicionais]()) e selecione Salvar . 5. Em Composição: Tema do app guia, insira linhas para adicionar estilos associados ao seu tema. Você atribui valores em quatro colunas: Capacidade de Aplicação : Substitui o tema base. Os usuários que atendem às restrições de aplicabilidade veem essas substituições no tema em vez do estilo base. Por exemplo, um estilo com fontes diferentes pode ser aplicado aos gerentes. Os usuários que atendem à aplicabilidade do gerente veem as diferentes fontes no Next ExperienceIU, que substitui os valores do tema do sistema base. Os administradores não precisam copiar ou criar um tema inteiro com mudanças para o público aplicável. Nota: Deixar a Restrição de aplicabilidade em branco aplicará o estilo a todos os usuários. Ordem : Especifica quando o estilo é aplicado. Quanto maior a ordem, maior será a prioridade. Nota: Se você quiser usar um estilo personalizado, certifique-se de que o número do pedido de estilo seja maior do que o estilo Polaris padrão. Estilo : Configura quatro estilos principais. Você não pode editar os nomes de estilo usados no tema Polaris, mas pode copiar o código JSON associado a cada estilo deste tema e colá-lo e editá-lo no formulário do seu estilo personalizado. * Cores: Especifica as propriedades de cor do tema e todas as variantes de base que você deseja adicionar. Na seção base do estilo de cor, um subconjunto das cores que o tema usa é definido com valores Vermelho, Verde, Azul (RGB). O tema gera mais de 20 gradientes dessas cores na aplicação. * Forma e forma: Especifica a aparência das bordas, bem como os botões e outros controles de IU. * Imagens: Adiciona imagens que são usadas no tema da sua aplicação. * Tipografia: Especifica as fontes usadas em toda a aplicação. {#configure-next-experience-theme__ul_odz_fkd_55b} Tipo : Especifica dois tipos: Núcleo e variante. Os estilos principais incluem cor, forma e forma, tipografia e imagens. As variantes especificam uma versão diferente do tema, como as diferentes cores que os usuários podem selecionar. A variante mais comum é uma versão escura do tema. O tema escuro é a única variante fornecida com Next Experience. Para obter mais informações, consulte [Explorando temas em Next Experience](https://servicenow-prod.fluidtopics.net/mP91Ez3e8dkxZNtC9OG1jA "Os temas permitem que você personalize a experiência visual para seus usuários, ajudando a atualizar a aparência para ser mais parecido com a sua marca."). 6. Selecione Estilo e selecione ![Ícone de pesquisa de estilo UX.](). 7. Selecione Novo. 8. Selecione as cores Primária, Secundária e Neutra. Nota: Um tema é composto de várias variáveis, portanto, você pode notar a coloração do tema padrão Polaris em lugares diferentes. 9. Quando você tiver as cores de identidade visual da sua organização, navegue até o gerador de cores em . 10. Selecione Geração automática botão. Um modal aparece e solicita que você insira as três cores da sua organização. 11. Insira os valores de código hexadecimal para as cores da sua organização. 12. Selecione Gerar. 13. Selecione suas variáveis CSS Copiar JSON . 14. Preencha o formulário de estilo UX. {#configure-next-experience-theme__table_hh5_w11_45b__entry__2} | Campo | Descrição | |-|-| | Nome | Nome do seu estilo de UX. | | Tipo | * Núcleo * Variante {#configure-next-experience-theme__ul_hjp_z11_45b} Para obter mais informações sobre tipos, consulte [Diferença entre estilos principais e variantes](https://servicenow-prod.fluidtopics.net/RcRMKFdiVErSlP0X8ci9Kw "Você pode personalizar a aparência do Next ExperienceIU para diferentes usuários, configurando os estilos principais, variantes e paletas de cores alternativas."). | | Estilo | Valores para cores, formas e formulários. Alguns dos valores são cores e alguns, como bordas, são valores de pixel. Importante: O código JSON deve ser encapsulado conforme mostrado no exemplo a seguir. | | Aplicação | Escopo do estilo de UX. | [ ] {#configure-next-experience-theme__table_hh5_w11_45b} 15. Selecione Enviar. 16. Selecione Atualizar. Nota: Para usar seu novo tema para substituir o tema padrão, consulte [Substitua o. Next Experiencetema](https://servicenow-prod.fluidtopics.net/t1bIgUthjyEOWkDRLqKGLg "Substitua o. Next Experiencetema com seu tema personalizado.").