Estilos principais, cores, variantes e paletas de cores alternativas

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

Estilos principais no Construtor de temas

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

Cores em Construtor de temas

Use o seletor de cores para mudar a cor de fundo da tela.

Nota:

Atualizar a cor da tela não se aplica à instância. Somente ganchos específicos para componentes serão aplicados na instância se você aplicar um tema editado à instância.

Ao editar as cores do tema, você pode exibir a taxa de contraste no seletor de cores. O valor é atualizado quando você muda a cor na paleta ou na exibição Minhas cores.

Variantes/Paletas de cores alternativas no Construtor de temas

Uma variante (ou como é chamada em Construtor de temas paleta de cores alternativa) é uma versão alternativa de um tema existente, que os usuários podem selecionar nas preferências. Um exemplo de uma variante é a versão escura do tema Polaris padrão que é enviado com Next Experience. A variante Escura pode ser usada para aprimorar a acessibilidade de usuários com deficiência visual, substituindo planos de fundo claros por fundos mais escuros e fazendo o contraste correspondente com as cores do texto.

Uma paleta de cores alternativa é uma modificação que você pode fazer nas cores de um tema. Ele pode ser definido na exibição da página do gerente Construtor de temas para qualquer tema, exceto para o tema padrão do Polaris. 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 seus estilos de logotipo, cor, tipografia e forma. No início, a única diferença do tema primário é que você atribui a ele um nome exclusivo.

Em seguida, você define a cor primária para a paleta de cores alternativa. Esta cor é usada para identificar a barra de navegação, os menus e outros componentes comuns. Da mesma forma, você define uma cor secundária, se quiser. 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.

Quando a paleta é criada usando as cores selecionadas, você tem a opção de renomeá-la. Você também pode visualizar 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:

A variante Escura não se aplica à IU principal, anteriormente chamada de UI16. A IU principal será a interface usada se Next Experience estiver desabilitado. No entanto, a variante Escura se estende aos seguintes ativos de IU:

• itens do catálogo
• formulários e listas do ambiente clássico
• painéis
• artigos de conhecimento
• relatórios
• Visual Task Boards
• espaços