Como mudar a cor dos hiperlinks no modo Dark

Quando uma cor primária escura é definida para o site da sua base de conhecimento, a mesma cor é aplicada tanto no modo Claro quanto no Escuro. No modo escuro, isso pode tornar os hiperlinks parcialmente visíveis ou difíceis de distinguir do texto ao redor, pois a cor do link se mistura ao fundo escuro. Você pode resolver isso sobrescrevendo a cor do hiperlink apenas para o modo escuro, deixando os links do modo Claro inalterados.

Quando usar essa correção

Cor primária escura com modo escuro ativado: se seu site da Base de Conhecimento usar uma cor de marca escura (como azul-marinho, verde escuro ou cinza escuro) e os leitores puderem mudar para o modo escuro, os hiperlinks podem parecer difíceis de ler.
Preocupações com a acessibilidade: o baixo contraste entre a cor do link e o fundo no modo escuro pode dificultar a navegação. Uma cor de link mais clara e de alto contraste melhora a legibilidade para todos os leitores.

NOTA

Essa mudança de CSS afeta apenas hiperlinks no modo Escuro. As cores do link do modo de luz não são afetadas.

Referência rápida

Use o trecho para a versão do seu site da base de conhecimento. Substitua red pela cor que você deseja.

html[data-bs-theme=dark] d360-article-content a {
    color: red !important;
}

Como mudar a cor do hiperlink no modo Escuro

No portal da Base de Conhecimento, acesse Configurações > site da Base de Conhecimento > CSS & JavaScript Personalizados.

Knowledge base site settings page showing the Custom CSS and JavaScript option in the left navigation.

Selecione a aba CSS e cole o trecho da versão do site da sua base de conhecimento a partir da referência rápida acima.
Substitua red pela cor desejada — use um código hexadecimal (por exemplo) #66b2ffou um nome de cor CSS. Escolha uma cor com contraste suficiente contra o fundo escuro.
Clique em Salvar.

Custom CSS editor showing the Dark mode hyperlink color snippet pasted in the CSS tab with the Save button visible.

Desfecho

Após salvar o CSS, os hiperlinks no modo escuro são exibidos na cor especificada, tornando-os claramente visíveis contra o fundo escuro.

Knowledge Base site in Dark mode showing hyperlinks rendered in a custom color that is clearly visible against the dark background.

Melhores práticas

Escolha uma cor clara e acessível para o modo escuro: cores que funcionam bem no modo claro (como azul #0056b3escuro) frequentemente apresentam contraste insuficiente no modo escuro. Use um tom mais claro da cor da sua marca, como #66b2ff azul ou #80d080 verde, para garantir a legibilidade.
Verifique o contraste com uma ferramenta: use um verificador de contraste (como o WebAIM Contrast Checker) para verificar se a cor do link escolhida atende aos requisitos de contraste WCAG AA contra a cor de fundo escura.
Teste em ambos os modos após salvar: alterne entre o modo Claro e o Escuro no site da Knowledge Base para confirmar que a correção só altera os links do modo Escuro e não afeta a aparência do modo Claro.