aufgrund vieler Anfragen stelle ich eine Theme-Switcher-Komponente vor, die aus meinem Alien Night Theme gekapselt wurde.
Derzeit wechselt das Theme beim Drücken des Buttons in ein Dark-Mode-Theme.
Später könnte ich vielleicht eine Einstellungsseite implementieren, auf der Sie Ihre eigene globale CSS-Klasse definieren können, in die Ihr Theme wechseln soll.
Oder einfach zwischen den ersten beiden Themes hin- und herschalten, die Sie den Benutzern zur Auswahl angeboten haben…
You can let admins select which themes they want to use. We have two different themes and each theme has it own dark mode.
When we click the switch to change light to dark, this component below should have change the logo’s color to light as the opposite. Now it doesn’t work with this switch.
Defining the themes in the settings is possible, but will complicate things. The hamburger menu theme selector is a good working example of how you’d change the theme based on ID.
I had some time tonight, so I worked on modifying the hamburger theme selector to toggle between two themes: Header Theme Toggle. Thanks so much for inspiring this with your theme @B-iggy!
Not necessarily, there are some benefits of switching the CSS rather than switching the entire theme. Everything’s self contained and you don’t need to fully refresh for all the changes to take effect.
Instead of changing the code on your end I think it makes sense to have it next to the search icon per default.
So I pushed this change now. Let me know if it’s fine
Gibt es außerdem einen Workaround, um ein alternatives Logo hinzuzufügen? Mein aktuelles ist auf dunklem Hintergrund nicht gut lesbar, daher möchte ich für den Dark Mode ein invertiertes Logo hinzufügen.
Mein Theme enthält viele hartkodierte Farben und funktioniert nur einwandfrei mit einem hellen Farbschema. Ich bin offen für eine Behebung, aber aktuell funktioniert es im dunklen Modus nicht richtig.
Hast du schon mal darüber nachgedacht, den unteren Bereich kleiner zu gestalten? Bei der Verwendung zusätzlicher Komponenten nimmt der Header viel Platz in Anspruch. Zum Beispiel gefällt mir der Dark-Mode-Button in diesem Ghost-Theme oben rechts:
