[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla # Mejoras en el modo oscuro de Joomla 5.1 [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net) 08 May 2024 [Extensiones](https://sergioiglesias.net/blog/extensiones) 2 - 4 minutos Visitas: 3466 - - [ Proyecto Joomla ](https://sergioiglesias.net/etiquetas/proyecto-joomla) - [ Extensiones Joomla ](https://sergioiglesias.net/etiquetas/extensiones-joomla) - [ Joomla5 ](https://sergioiglesias.net/etiquetas/joomla5) ![](https://sergioiglesias.net/images/blog/extensiones/modo-oscuro-en-joomla-5-1.webp) Con la llegada de **Joomla 5.1** se han introducido una serie de mejoras, como viene siendo habitual con cada versión, y una de ellas es sobre el **modo oscuro**. Mejoras en el modo oscuro de #Joomla 5.1 y cómo habilitar el "activador" nativo #Joomla5 [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/extensiones/mejoras-en-el-modo-oscuro-de-joomla-5-1 "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fextensiones%2Fmejoras-en-el-modo-oscuro-de-joomla-5-1&text=Mejoras%20en%20el%20modo%20oscuro%20de%20%23Joomla%205.1%20y%20c%C3%B3mo%20habilitar%20el%20%26quot%3Bactivador%26quot%3B%20nativo%20%23Joomla5 "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=Mejoras%20en%20el%20modo%20oscuro%20de%20%23Joomla%205.1%20y%20c%C3%B3mo%20habilitar%20el%20%26quot%3Bactivador%26quot%3B%20nativo%20%23Joomla5%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fextensiones%2Fmejoras-en-el-modo-oscuro-de-joomla-5-1 "Envíalo") Ya por noviembre del año pasado, haciendo una revisión en este blog sobre nuevas funcionalidades de la última versión estable de Joomla, la rama 5.x, te hablaba sobre esta característica del modo oscuro en este artículo: [Cómo activar el modo oscuro en Joomla 5 (y por qué no me gusta)](https://sergioiglesias.net/blog/joomla/como-activar-el-modo-oscuro-en-joomla-5-y-por-que-no-me-gusta). También te comentaba algunos aspectos que no me gustaban de este modo oscuro en Joomla 5: CSS que no terminaban de convencerme y, sobretodo, que no tuvieras el control sobre activar o no este modo. Te proponía una solución que había desarrollado y compartido Dominik para tener ese control a partir de un switch (o activador) y, unos meses más tarde, te presentaba el [**módulo para administración SIS DarkMode**: módulo para activar y desactivar modo oscuro Joomla 5](https://sergioiglesias.net/blog/extensiones/sis-darkmode-modulo-para-activar-y-desactivar-modo-oscuro-joomla-5). Bien, como te adelantaba, ha salido la **versión 5.1 de Joomla** en la que han mejorado todos estos aspectos que en su momento no me gustaban del modo oscuro: - CSS mejor optimizado para la visualización en este modo. - Y, por fin..., un activador. ### Modo oscurso en Joomla 5.0 ![modo oscuro j5 0](https://sergioiglesias.net/media/cached-resp-images//images/blog/extensiones/modo-oscuro-j5-0_1230.png?version=1a044426e6f11a5805b33e7b5438b4dd) ### Modo oscuro en Joomla 5.1 ![modo oscuro j5 1](https://sergioiglesias.net/media/cached-resp-images//images/blog/extensiones/modo-oscuro-j5-1_1230.png?version=d7933cef48ab7a631df97d7f0028f6ff) Ahora te digo cómo tienes que activarlo ya que no te va a aparecer tras la actualización a esta versión. Pero antes te comento que, si estás utilizando mi módulo SIS DarkMode, no te va a funcionar bien con Joomla 5.1 con la primera versión Eso sí, en la 1.0.1, el módulo ya es compatible tras re-escribir sus funciones. Así que, si no te ha saltado la actualización, [vé a mi GitHub y lo descargas](https://sergiois.github.io/sis-darkmode.html) ;-) Si quieres seguir utilizándolo, aunque actives el nativo de Joomla, no vas a tener problemas de incompatibilidad. Aunque tengo que hacer algún que otro cambio para que se adapte totalmente al funcionamiento del nuevo activador. *No obstante, mi recomendación es no usarlo puesto que está ya en el CORE*. Vamos ahora con los pasos que tienes que seguir para activar esta nueva opción de Joomla 5.1 ## Cómo activar el "cambiador" de modo oscuro/claro en Joomla 5.1 Si tu página web estaba en una versión anterior, y has actualizado a la última estable de la rama 5, esta opción no te aparece por defecto. Esta nueva característica la vas a tener localizada dentro del "botón" de "Menú de usuario" situado en la parte de arriba a la derecha del panel de administración. Para que te salga, tal y como te muestro en la captura anterior, tienes que ir a `Sistema > Estilos de plantillas de la administración > Atum - Default` Entras a la configuración de esta plantilla y solo tienes que guardar. Encontrarás varias opciones de configuración en la plantilla: ![modo oscuro configuracion](https://sergioiglesias.net/media/cached-resp-images//images/blog/modo-oscuro-configuracion_1230.png?version=1b2f6552fd7069f588eaf5e11c039013) - Deshabilitado. - Seguir ajustes del SO (Sistema Operativo). - Usar esquema de color claro. - Usar esquema de color oscuro. Tras guardar, ahora sí te va a aparecer un nuevo ítem dentro de Menú de usuario para activar o desactivar el modo oscuro en Joomla 5. --- Espero que este tip te haya gustado. Como ya te adelanté en su momento, en Joomla 5.0 se habían dado los primeros pasos para tener un modo oscuro. Y estaba totalmente seguro que se iba a trabajar en mejorarlo tal y como puedes ver en Joomla 5.1 Y a tí... ¿Qué te parece este nuevo modo oscuro en Joomla 5.1? Te leo en los comentarios. Y si quieres que llegue a más gente... comparte ;-) Mejoras en el modo oscuro de #Joomla 5.1 y cómo habilitar el "activador" nativo #Joomla5 [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/extensiones/mejoras-en-el-modo-oscuro-de-joomla-5-1 "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fextensiones%2Fmejoras-en-el-modo-oscuro-de-joomla-5-1&text=Mejoras%20en%20el%20modo%20oscuro%20de%20%23Joomla%205.1%20y%20c%C3%B3mo%20habilitar%20el%20%26quot%3Bactivador%26quot%3B%20nativo%20%23Joomla5 "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=Mejoras%20en%20el%20modo%20oscuro%20de%20%23Joomla%205.1%20y%20c%C3%B3mo%20habilitar%20el%20%26quot%3Bactivador%26quot%3B%20nativo%20%23Joomla5%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fextensiones%2Fmejoras-en-el-modo-oscuro-de-joomla-5-1 "Envíalo") [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado ### ¿No sabes bien en qué estado está tu web Joomla? Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden. Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML [ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables [![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS. [](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias") ### Suscríbete a mi newsletter ¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo. Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**. [Quiero apuntarme!](https://sergioiglesias.net/newsletter) ### No hay comentarios ### Deja tu comentario En respuesta a Some User Nombre \* Dirección de email \* Texto del comentario \* Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*