tras muchas solicitudes, comparto un componente de cambio de tema, extraído de mi Tema Alien Night.
Por ahora, al presionar el botón, cambiará tu tema a un modo oscuro.
Más adelante, quizás pueda implementar una página de configuración donde puedas definir tu propia clase CSS global en la que tu tema debería cambiar.
O simplemente alternar entre los primeros dos temas que hayas permitido que los usuarios elijan…
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
¿Hay alguna solución alternativa para agregar un logotipo alternativo? El actual no es legible sobre fondo oscuro, por lo que quiero añadir uno invertido para el modo oscuro.
Mi tema tiene muchos colores codificados y solo funciona correctamente con un esquema de color claro. Estoy abierto a solucionarlo, pero por ahora no funciona bien en modo oscuro.
¿Alguna idea sobre cómo hacer que la parte inferior sea más pequeña? Al usar un componente adicional, ocupa mucho espacio en la cabecera. Por ejemplo, me gusta el botón de modo oscuro en este tema de Ghost, ubicado en la esquina superior derecha:
