Editar componentes
Edite Construtor de temas componentes individuais para que se adequem melhor à sua marca e atendam aos padrões de conformidade de acessibilidade. Os ganchos de tema que você pode editar são específicos para cada tipo de componente.
Antes de Iniciar
Função necessária: administrador
Por Que e Quando Desempenhar Esta Tarefa
Os componentes que você pode editar em Construtor de temas foram criados em Now Platform Sistema de design. Para obter mais informações, consulte Componentes do Next Experience no ServiceNow Site para desenvolvedores.
Para obter instruções sobre como editar o componente Navegação unificada, consulte Alinhe com sua marca usando o componente Navegação unificada.
O número total de violações de acessibilidade é indicado no crachá numerado vermelho 
ao lado do painel do inspetor de acessibilidade.
Procedimento
-
Use a lista suspensa Página para selecionar a exibição da página do Editor.
Figura 1. Exibição de página do editor -
Na exibição da página do Editor, selecione a guia Estilos de componente.
Os estilos de componente são listados graficamente.
-
Selecione a guia Edição.
Nota:Os componentes que podem ser editados são exibidos. Para obter informações sobre como filtrar a lista de componentes para localizar o componente que você deseja editar, consulte Visualizar componentes. -
Selecione o componente que você deseja editar para acessar o painel Estilo configurável.
Ao observar os componentes listados na página Edição, observe que alguns componentes podem exibir o símbolo a seguir.
Nota:O símbolo de aviso de acessibilidade indica que o contraste de cores do componente selecionado não está em conformidade com os padrões de acessibilidade das Diretrizes de acessibilidade para conteúdo web (WCAG) 2.1 para contraste de cores. Para obter mais informações, consulte Ajustar um componente para atender aos padrões de acessibilidade. -
No painel Estilo configurável, edite os ganchos de tema que estão disponíveis para o componente selecionado, conforme necessário.
Figura 2. Painel de estilo configurável Os ganchos de tema editáveis disponíveis dependem do tipo de componente selecionado. Por exemplo, se você selecionar um componente Crachá, poderá editar as cores e os ganchos de acessibilidade do crachá. Se você selecionar um componente de link de texto, poderá editar a cor base e os ganchos de acessibilidade.
Nota:Depois de atualizar os ganchos específicos do componente, as mudanças feitas no estilo global não atualizarão os estilos do componente porque os estilos específicos do componente têm precedência sobre os estilos definidos globalmente. -
Se você selecionar uma cor a ser editada, o seletor de cores será aberto.
Figura 3. Seletor de cores Nota:Por padrão, o seletor de cores mostra todas as cores disponíveis para o componente. Você pode selecionar o controle deslizante Ocultar opções inacessíveis para limitar as opções de cores às cores identificadas como acessíveis, com base nas diretrizes atuais de acessibilidade para conteúdo web (WCAG). -
Acesse o Editor de componente, onde você pode estilizar vários aspectos de um componente usando uma das duas maneiras listadas:
- Clique duas vezes no bloco do componente.
- Selecione o botão Interações de estilo, Subcomponentes de estiloou Variantes de estilo no painel de estilos configurável, dependendo do que estiver disponível para esse componente específico. Nem todos os componentes contêm partes editáveis.
Figura 4. Painel de estilo configurável com botão Estilo
- Opcional:
Retorne à tela Visão geral do componente usando os links no caminho de navegação.
Figura 5. Navegação por trilhas de edição de componente
Resultado
Se o seu tema estiver publicado no momento, as edições do componente ficarão visíveis para os usuários que têm o tema aplicado na atualização. Para obter informações sobre como publicar seu tema, consulte Publique seus temas com Construtor de temas.