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.

Estilos principais em Construtor de temas

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

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

Atualizar a cor da tela não se aplica à instância. Somente ganchos específicos para componentes serão aplicados à instância se você publicar um tema editado na 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 da paleta ou da exibição Minhas cores.

Variantes/Paletas de cores alternativas em Construtor de temas

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

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ê usa um tema existente para criar uma paleta de cores alternativa, a paleta de cores alternativa é agrupada com esse tema primário e, inicialmente, compartilha 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 alternativas. Esta cor é usada para identificar a barra de navegação, os menus e outros componentes comuns. Da mesma forma, defina uma cor secundária , se necessário. Se 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. Existem duas paletas de base disponíveis, claro e escuro.

Nota:

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 principalAnteriormente conhecido 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.