---
title: "Wie man die Farbe der Hyperlinks im Dunkelmodus ändert"
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:43:25Z
published: 2026-06-22T08:43:25Z
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.

# Wie man die Farbe der Hyperlinks im Dunkelmodus ändert

Wenn eine dunkle Primärfarbe für deine Wissensdatenbank gesetzt ist, wird dieselbe Farbe sowohl im Hell- als auch im Dunkelmodus angewendet. Im Dunkelmodus kann dies dazu führen, dass Hyperlinks teilweise sichtbar oder schwer vom umgebenden Text zu unterscheiden sind, da die Linkfarbe in den dunklen Hintergrund übergeht. Du kannst das beheben, indem du die Hyperlinkfarbe nur für den Dunkelmodus überschreibst und die Links im Lichtmodus unverändert lässt.

---

## Wann sollte man diese Lösung verwenden

- **Dunkle Hauptfarbe mit aktiviertem Dunkelmodus**: Wenn deine Knowledge Base-Seite eine dunkle Markenfarbe (wie Marineblau, Dunkelgrün oder Dunkelgrau) verwendet und Leser in den Dunkelmodus wechseln können, können Hyperlinks schwer lesbar erscheinen.
- **Barrierefreiheitsbedenken: Ein** geringer Kontrast zwischen Linkfarbe und Hintergrund im Dunkelmodus kann die Navigation erschweren. Eine hellere, kontrastreiche Linkfarbe verbessert die Lesbarkeit für alle Leser.

 HINWEIS

Diese CSS-Änderung betrifft nur Hyperlinks im **Dunkelmodus**. Die Linkfarben des Lichtmodus sind nicht betroffen.

---

## Kurze Referenz

Verwenden Sie den Ausschnitt für Ihre Knowledge Base-Website-Version. Ersetze `red` sie durch die gewünschte Farbe.

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

---

## Wie man die Hyperlinkfarbe im Dunkelmodus ändert

1. Im Knowledge Base-Portal gehen Sie zu **Einstellungen** > **Knowledge Base-Seite** > **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. Wählen Sie den **CSS-Tab** und fügen Sie den Ausschnitt für Ihre Knowledge Base-Version aus der obigen Schnellreferenz ein.
2. Ersetzen Sie `red` durch Ihre gewünschte Farbe – verwenden Sie einen Hex-Code (zum Beispiel ) `#66b2ff`oder einen CSS-Farbnamen. Wählen Sie eine Farbe mit ausreichendem Kontrast zu Ihrem dunklen Hintergrund.
3. Klicken **Sie auf Speichern**.

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

---

## Ergebnis

Nach dem Speichern des CSS werden Hyperlinks im Dunkelmodus in der angegebenen Farbe angezeigt, wodurch sie deutlich sichtbar vor dem dunklen Hintergrund sichtbar sind.

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

- **Wählen Sie eine helle, zugängliche Farbe für den Dunkelmodus**: Farben, die im Hellmodus gut funktionieren (wie Dunkelblau `#0056b3`), haben im Dunkelmodus oft nicht ausreichenden Kontrast. Verwenden Sie einen helleren Farbton Ihrer Marke, zum Beispiel `#66b2ff` für Blau oder `#80d080` Grün, um die Lesbarkeit zu gewährleisten.
- **Vergleichen Sie den Kontrast mit einem Werkzeug**: Verwenden Sie einen Kontrastprüfer (wie [den WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/)), um zu überprüfen, ob Ihre gewählte Linkfarbe den WCAG AA Kontrastanforderungen gegenüber Ihrer dunklen Hintergrundfarbe entspricht.
- **Testen Sie in beiden Modi nach dem Speichern**: Wechseln Sie auf der Knowledge Base-Seite zwischen Hell- und Dunkelmodus, um sicherzugehen, dass die Korrektur nur die Dunkelmodus-Links ändert und das Aussehen des Lichtmodus nicht beeinflusst.