Dunkles Design: So aktivieren Sie es und warum meine Farben darin verschwinden

← Zurück

Der Informer „Design“ gibt dem Besucher einen Button 🌙/☀️. Im dunklen Design werden Hintergrund, Text- und Linkfarbe aus dem Stylesheet nicht angewendet — das ist so gewollt.

  1. Fügen Sie einen Menüpunkt mit dem Modul „Design“ (Code informer_theme) hinzu — über „Auswählen“ → „Informer“. Speichern Sie.
  2. Im Menü erscheint ein Button 🌙. Der Besucher klickt darauf — die Website wird dunkel, der Button wechselt zu ☀️.

Die Auswahl wird im Browser des Besuchers gespeichert. Standardmäßig ist die Website hell: Dunkel wird sie nur, wenn der Besucher selbst auf den Button geklickt hat.

Warum die Farben verschwinden. Im dunklen Design übernehmen Blöcke nicht die im Stylesheet festgelegten Farben: Hintergrund, Textfarbe und Linkfarbe. Andernfalls würde ein heller Blockhintergrund mit dunklem Text als heller Fleck bleiben, und heller Text würde auf Dunkel verschwinden. Alles andere funktioniert: Schriftart, Größe, Rahmen, Schatten, Abstände, Hintergrundbild. Ein Farbverlauf über dem Bild wird deaktiviert.

Konfigurieren Sie die Farben daher im hellen Design. Wenn Sie das Stylesheet im dunklen Design öffnen, erscheint in seiner Kopfzeile ein Hinweis, dass die Farben des Blocks nur im hellen Design sichtbar sind.

Wenn es nicht geklappt hat

  • Farbe gespeichert — nichts hat sich geändert. Bei Ihnen ist das dunkle Design aktiviert. Klicken Sie auf ☀️ und prüfen Sie.
  • Der Besucher sieht die Website dunkel, Sie aber hell. Das Design ist bei jedem individuell und wird in seinem Browser gespeichert.
  • Eine in den Seitentext eingefügte Farbe bleibt im dunklen Design erhalten. Das dunkle Design ändert nur die Einstellungen des Stylesheets. Die Farbe innerhalb des Textes eines Bereichs bleibt wie angegeben.
Hat der Artikel geholfen?

Siehe auch

Im Hilfebereich finden Sie Antworten auf häufig gestellte Fragen und nützliche Anleitungen zur Arbeit mit dem Website-Baukasten Site Look. Hier erfahren Sie, wie Sie Bereiche verwalten, Objekte hinzufügen und die Website anpassen. Die Materialien sind sowohl für Anfänger als auch für erfahrene Nutzer nützlich. Wenn Sie keine Antwort gefunden haben, wenden Sie sich an den Support.