---
title: "Hoe verander je de kleur van de hyperlinks in de donkere modus"
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", "Translation"]
updated: 2026-06-22T09:03:37Z
published: 2026-06-22T09:03:37Z
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.

# Hoe verander je de kleur van de hyperlinks in de donkere modus

Wanneer een donkere primaire kleur wordt ingesteld voor je kennisbasis, wordt dezelfde kleur toegepast in zowel Licht- als Donkermodus. In de donkere modus kan dit hyperlinks gedeeltelijk zichtbaar maken of moeilijk te onderscheiden van omliggende tekst, omdat de linkkleur overgaat in de donkere achtergrond. Je kunt dit oplossen door de hyperlinkkleur alleen voor Donkere modus te overschrijven, zodat de links in de Lichte modus ongewijzigd blijven.

---

## Wanneer deze oplossing te gebruiken

- **Donkere primaire kleur met donkere modus ingeschakeld**: als je Knowledge Base-site een donkere merkkleur gebruikt (zoals marineblauw, donkergroen of donkergrijs) en lezers kunnen overschakelen naar donkere modus, kunnen hyperlinks moeilijk leesbaar zijn.
- **Toegankelijkheidszorgen: een** laag contrast tussen linkkleur en achtergrond in de donkere modus kan navigatie bemoeilijken. Een lichtere, hoogcontrast linkkleur verbetert de leesbaarheid voor alle lezers.

 OPMERKING

Deze CSS-wijziging beïnvloedt alleen hyperlinks in **de donkere modus**. Lichtmodus-linkkleuren worden niet beïnvloed.

---

## Snelle referentie

Gebruik het fragment voor je Knowledge Base-siteversie. Vervang `red` door de gewenste kleur.

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

---

## Hoe verander je de hyperlinkkleur in de donkere modus

1. Ga in het Knowledge Base-portaal naar **Instellingen** > **Knowledge Base-site** > **Custom CSS & JavaScript**.

![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. Selecteer het **CSS-tabblad** en plak het fragment van je Knowledge Base-siteversie vanuit de snelle referentie hierboven.
2. Vervang `red` door de gewenste kleur — gebruik een hexcode (bijvoorbeeld `#66b2ff`) of een CSS-kleurnaam. Kies een kleur met voldoende contrast tegen je donkere achtergrond.
3. Klik **op Opslaan**.

![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)

---

## Uitkomst

Na het opslaan van de CSS worden hyperlinks in donkere modus weergegeven in de opgegeven kleur, waardoor ze duidelijk zichtbaar zijn tegen de donkere achtergrond.

![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)

---

## Best practices

- **Kies een lichte, toegankelijke kleur voor de donkere modus**: kleuren die goed werken in de lichte modus (zoals donkerblauw `#0056b3`) hebben vaak onvoldoende contrast in de donkere modus. Gebruik een lichtere tint van je merkkleur, zoals `#66b2ff` voor blauw of `#80d080` groen, om leesbaarheid te garanderen.
- **Controleer het contrast met een tool**: gebruik een contrastchecker (zoals [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/)) om te verifiëren of je gekozen linkkleur voldoet aan de WCAG AA-contrastvereisten ten opzichte van je donkere achtergrondkleur.
- **Test in beide modi na het opslaan**: wissel tussen Licht- en Donkermodus op de Kennisbanksite om te bevestigen dat de oplossing alleen de Donkere modus links verandert en het uiterlijk van de Lichte modus niet beïnvloedt.