Configure um Next Experience tema

Adicione os estilos que você criou ao seu Next Experience tema para modificar a aparência da experiência do usuário.

Antes de Iniciar

Certifique-se de que as seguintes propriedades do sistema estejam localizadas em sys_properties.list estão definidos como Verdadeiro :

• glide.ui.polaris.experience
• glide.ui.polaris.dark_themes_enabled: Para reutilizar o. Next Experience variante escura neste tema.

Função necessária: administrador

Por Que e Quando Desempenhar Esta Tarefa

. Next Experience Inclui dois temas, Polaris e Coral. Você pode reutilizar ou personalizar qualquer 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 temas E 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 Abra no Construtor de temas botão. Para obter mais informações, consulte Gerencie ou edite um tema com Construtor de temas.

Procedimento

1. Navegar até Tudo > Estrutura do Now Experience > Gestão de temas > Temas.
2. Selecione um registro de tema Novo .
3. Insira um nome e uma descrição para o seu tema.
4. Selecione o ícone Ações adicionais e selecione Salvar .
5. Em Composição: Tema da aplicação 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 em seu 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 Experience IU, que substitui os valores do tema do sistema de 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á sua 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 ou Coral padrão.

   Estilo

   Configura quatro estilos principais. Não é possível editar os nomes de estilo usados nos temas Polaris ou Coral fornecidos, mas é possível copiar o código JSON associado a cada estilo de qualquer tema e colá-lo e editá-lo no formulário do 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 degradações dessas cores na aplicação.
   • Forma e formulário: 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 que são usadas em toda a aplicação.

   Tipo

   Especifica dois tipos: Núcleo e variante. Os estilos Core 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 Trabalhando com temas em Next Experience.

6. Selecione Estilo e selecione o ícone de pesquisa .
7. Selecione Novo.
8. Selecione Cores Primária, Secundária e Neutra.
   Nota:

   Um tema é composto de várias variáveis, então você pode notar a coloração do tema padrão Polaris ou Coral vindo em lugares diferentes.
9. Quando você tiver as cores de identidade visual da sua organização, navegue até o gerador de cores em https://theme.deoprototypes.com/color-generator-algo-v1.
10. Selecione Gerar automaticamente botão.

    Um modal é exibido e solicita que você insira as três cores da sua organização.

11. Insira seus valores de código hexadecimal para as cores da sua organização.
12. Selecione Gerar.
13. Reúna suas variáveis CSS selecionando Copiar JSON .
14. Preencha o formulário de estilo de UX.

    Campo	Descrição
    Nome	Nome do seu estilo de UX.
    Tipo	Núcleo Variante Para obter mais informações sobre tipos, consulte Diferença entre estilos e variantes principais .
    Estilo	Valores para cores, formas e formulários. Alguns dos valores são cores e outros, 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.

15. Selecione Enviar.
16. Selecione Atualizar.

O que Fazer Depois

Para publicar seu tema personalizado, consulte Publique vários temas em Next Experience.