after a lot of requests I share a Theme Switcher component, encapsulated from my Alien Night Theme.
For now, once pressed the button it will switch your theme into a dark mode theme.
Later on I can maybe implement a setting page, where you can define your own global CSS class your theme should switch into.
Or just toggle between the first two themes you allowed for users to choose from…
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
Также есть ли какое-либо обходное решение для добавления альтернативного логотипа? Мой текущий логотип не читается на темном фоне, поэтому я хочу добавить инвертированную версию для темной темы.
В моей теме много жестко заданных цветов, и она корректно работает только со светлой схемой. Я открыт к исправлению этого, но пока что в тёмном режиме она работает некорректно.
Есть ли мысли насчет того, чтобы сделать нижнюю часть меньше? При использовании дополнительного компонента он занимает много места в заголовке. Например, мне нравится кнопка тёмного режима в этой теме Ghost в правом верхнем углу:
