---
title: "Como mudar a cor dos hiperlinks no modo Dark"
slug: "how-to-change-the-color-of-the-hyperlinks-in-dark-mode"
description: "You can change the color of hyperlinks in the Dark mode."
tags: ["Customization"]
updated: 2026-06-22T08:58:57Z
published: 2026-06-22T08:58:57Z
canonical: "docs.document360.com/how-to-change-the-color-of-the-hyperlinks-in-dark-mode"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 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

1. 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.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom%20css%20&%20js.png)

1. 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.
2. Substitua `red` pela cor desejada — use um código hexadecimal (por exemplo) `#66b2ff`ou um nome de cor CSS. Escolha uma cor com contraste suficiente contra o fundo escuro.
3. Clique **em Salvar**.

![Custom CSS editor showing the Dark mode hyperlink color snippet pasted in the CSS tab with the Save button visible.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1766930004000.png)

---

## 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.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_Screenshot_HyperLink_Color_Changes%281%29.png)

---

## Melhores práticas

- **Escolha uma cor clara e acessível para o modo escuro**: cores que funcionam bem no modo claro (como azul `#0056b3`escuro) 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](https://webaim.org/resources/contrastchecker/)) 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.