Principais estilos, cores, variantes e paletas de cores alternativas

Você pode personalizar a aparência do Next Experience IU para diferentes usuários configurando os estilos principais, variantes e paletas de cores alternativas. Os estilos principais definem o tema base, as variantes suportam as necessidades de acessibilidade e as paletas de cores alternativas fornecem opções de personalização de representação para os usuários finais.

Estilos principais em Construtor de temas

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

Cores do tema em Construtor de temas

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 e variantes em Construtor de temas

As variantes e as paletas de cores alternativas são registros de estilo UX categorizados como Variante, mas servem para finalidades diferentes.

Uma variante é uma versão alternativa de um tema existente, geralmente projetada para acessibilidade, que os usuários podem selecionar nas preferências. Um exemplo de variante é a versão escura do tema padrão Polaris ou Coral que é fornecido com Next Experience. A variante Dark pode ser usada para melhorar a acessibilidade de usuários com deficiência visual, substituindo planos de fundo 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. As paletas de cores alternativas permitem que os usuários alternem entre diferentes estilos visuais, como opções claras e escuras, sem afetar o tema principal. Você pode definir esta paleta no Construtor de temas Página do gerente para qualquer tema, exceto os temas Polaris padrão ou Coral padrão. Quando você cria uma paleta de cores alternativa a partir de um tema existente, ela é agrupada com o tema primário e compartilha inicialmente o mesmo logotipo, cor, tipografia e estilos de forma. A única diferença inicial é o nome exclusivo que você atribui à paleta.

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 e contêineres divisores. Existem 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. É possível Visualize todos os ativos de IU disponíveis no ServiceNow AI 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.