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


---

# Paletas de cores, variantes e estilos principais

# Paletas de cores, variantes e estilos principais {#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

Você pode personalizar a aparência do Next ExperienceIU para diferentes usuários, configurando os estilos principais, variantes e paletas de cores alternativas.

## Estilos principais em Construtor de temas {#difference-themes-variants__core-123}

Um estilo principal é a versão base de um estilo. Os principais estilos incluem cor, forma e forma, tipografia e imagens.

## Cores em Construtor de temas {#difference-themes-variants__section_nmg_hzx_11c}

Ao editar componentes, use o seletor de cores para mudar a cor de fundo da tela para exibir como as cores do componente serão renderizadas em planos de fundo diferentes.  
Nota:  
A atualização da cor da tela não se aplica à instância. Se você publicar um tema editado na instância, somente ganchos específicos para componentes serão aplicados à instância.
Ao editar cores do tema, você pode exibir a taxa de contraste no seletor de cores. O valor é atualizado quando você muda a cor na exibição Paleta ou Minhas cores.

## Paletas de cores alternativas/variantes em Construtor de temas {#difference-themes-variants__variants-123}

As variantes e as paletas de cores alternativas são tipos de registros de estilo UX categorizados como Variante.

Uma variante é uma versão alternativa de um tema existente, geralmente projetada para acessibilidade, que seus usuários podem selecionar nas preferências. Um exemplo de variante é a versão escura do tema Polaris padrão que é fornecido com Next Experience. A variante Escuro pode ser usada para melhorar a acessibilidade para usuários com deficiência visual, substituindo fundos claros por mais escuros e contrastando as cores do texto de acordo.

Uma paleta de cores alternativa é uma modificação que você pode fazer nas cores de um tema e foi projetada para fins cosméticos. Você pode definir esta paleta no Construtor de temasPágina do gerente para qualquer tema, exceto o tema Polaris padrão. Quando você usa um tema existente para criar uma paleta de cores alternativa, a paleta de cores alternativa é agrupada com esse tema primário e compartilha inicialmente seu logotipo, cor, tipografia e estilos de forma. No início, a única diferença do tema primário é que você atribui um nome exclusivo a ele.  
Em seguida, defina a cor primária para a paleta de cores alternativa. Esta cor é usada para identificar a barra de navegação, menus e outros componentes comuns. Da mesma forma, defina uma cor secundária , se necessário. Se a sua interface não exigir uma cor secundária, a cor primária será usada. Por fim, você define uma cor neutra para ajudar a definir linhas divisoras e contêineres. Há duas paletas de base disponíveis, claro e escuro.  
Nota:  
As cores secundárias e neutras não podem ser editadas na paleta de cores alternativas escuras.

Quando a paleta é criada usando as cores selecionadas, você tem a opção de renomeá-la. Você também pode Visualize todos os ativos de IU disponíveis no Now Platform para visualizar como eles são renderizados quando você os aplica à sua instância.  
Nota:  
Variantes escuras não faça aplicar ao IU principal, Anteriormente referido como UI16. . IU principalé a interface que você usa se Next Experienceé inativo . No entanto, variantes escuras se estendem à maioria dos aspetos de Next Experience.