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

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.

Selecteer het CSS-tabblad en plak het fragment van je Knowledge Base-siteversie vanuit de snelle referentie hierboven.
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.
Klik op Opslaan.

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

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.

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) 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.