Tengo un sitio web con la implementación adecuada para la interfaz de usuario oscura/clara usando TailwindCSS.
Me preguntaba si hay una manera de forzar que el sitio web se cargue en modo oscuro hasta que el usuario active específicamente el modo claro haciendo clic en el botón de alternancia.
¿Por qué? Porque prefiero cómo se ve el sitio web en modo oscuro, pero dado que el tema claro/oscuro está implementado correctamente, prefiero mantenerlo y obligarlo a cargar en modo oscuro a pesar de la configuración del navegador del usuario.
Prueba lo siguiente
En tailwind.config.css establece el darkMode en class
module.exports = { darkMode: 'class', // ... } Y cuando necesite el darkMode simplemente agregue ClassName of dark dentro de la etiqueta html
<html className="dark"> <body> <!-- Will be black --> <div className="bg-white dark:bg-black"> <!-- ... --> </div> </body> </html> Y cuando necesite la light simplemente elimine ClassName of dark dentro de la etiqueta html
¡Espero eso ayude!