Suche „Mode-Switcher“

Hallo Karl,
evtl. ist ein Plugin wie z. B. WP Dark Mode oder Darklup Lite – WP Dark Mode hilfreich.
Ich kenne beide Plugins allerdings nicht. Am besten testest du die beiden Plugins.
Wir freuen uns über eine Rückmeldung.

Viele Grüße
Hans-Gerd

Mit dem Plugin WP Darkmode hab ich eher nicht so gute Erfahrungen gemacht. Grundproblem ist, dass man in seiner Seite an vielen Stellen CSS-Klassen verteilen muss damit sie auch „richtig“ umschalten beim Darkmode. Ich fürchte das trifft auch auf viele andere von diesen Plugins zu.

Es gibt neben diesen aber auch noch andere Lösungsmöglichkeiten die man selbst gehen kann, wenn man auf einen manuellen Switcher verzichten möchte. Denn wozu braucht man den denn? Wenn jemand eine Seite in Dunkel sehen will, dann sollte sie das von vornherein sein. Eine Option zu haben ist schön und gut, eine Seite die sich automatisch anpasst noch besser.

Das lässt sich sehr einfach mit folgendem individuellem CSS lösen:

@media (prefers-color-scheme: dark) {
    html { filter: invert(1); }
}

Wenn nun ein Browser mit der Angabe „dark mode bevorzugt als Farbschema“ die Seite aufruft, wird sie sofort dunkel angezeigt. Siehe dazu: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

Bei Block Themes baut man den Code einfach unter Themes > Stile > Zusätzliche Styles ein.

Und ja, es gibt auch Argumente für den Umschalter. Ich denke auch bei der Barrierefreiheit ist er wichtig. Wenn man so einen einbauen will braucht eigentlich „nur“ einen Button, der die o.g Filter-Eigenschaft per CSS setzt. Leider gibt es für diesen einfachen Akt soweit ich weiß kein Plugin.