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.

Haftungsausschluss: Dieser Artikel wurde durch maschinelle Übersetzung erstellt.

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Wie man die Farbe der Hyperlinks im Dunkelmodus ändert

  • Aktualisiert am Jun 22, 2026
  • Veröffentlicht am Sep 9, 2024
  • 1 Gelesene Minute(n)
Prev Next

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.

  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 ) #66b2ffoder 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.

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.

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), 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.
Verwandte Artikel