Criar um estilo Next Experience

Ao criar ou modificar um tema Next Experience, você cria e edita um ou mais estilos. Os estilos incluem tipos de letra, cores, imagens e formas. Seus novos registros de estilo substituem o estilo Polaris padrão. Os registros de estilo que você cria substituem o tema Polaris padrão em Next Experience.

Antes de Iniciar

Função necessária: administrador

Por Que e Quando Desempenhar Esta Tarefa

Ao editar estilos Next Experience, você trabalha em código JSON bruto. Edite com cuidado.

Você carrega novos tipos de letra ou imagens em um processo separado. Consulte Adicionar Next Experience ativos de fonte e imagem.

Procedimento

1. No campo do navegador de filtros, insira sys_ux_style.do para criar um registro de estilo.
2. Nomeie o estilo e especifique se é um estilo Core ou uma Variante.
   Nota:

   O tema escuro é a única variante enviada com Next Experience.
3. No campo Estilo, adicione os blocos de base e de propriedades para conter substituições no registro de estilo.

   {
     "base": {
   },
     "properties":{
     }
    }
   

4. Opcional: Para salvar seu trabalho entre as etapas, selecione o menu Ações adicionais ( ) e escolha Salvar.
5. No campo Estilo, edite o código JSON para refletir as substituições que você deseja que o estilo contenha.
   1. Adicione ou edite suas cores principais na seção base do código JSON.
      Use valores RGB.

      O exemplo a seguir mostra substituições de cor de amostra.

      
   2. Edite versões das cores na seção de propriedades do código JSON.
   3. Adicione ou edite formas na seção de propriedades do código JSON.
      O exemplo a seguir mostra amostras de substituições de forma.
      
      
6. Adicione fontes, imagens e outros ativos de tema.
   Para obter mais informações, consulte Adicionar Next Experience ativos de fonte e imagem.
7. Se você carregou fontes, adicione ou edite tipos na seção de propriedades do código JSON e selecione Atualizar.
   

Resultado

As cores, formas e tipos de letra atualizados estão visíveis no seu tema.