Cómo forzar el modo oscuro de Chrome para cualquier web

El modo oscuro se ha convertido en la gran obsesión de muchos usuarios. Y aunque podríamos discutir si es más o menos recomendable para nuestra visión, si efectivamente ayuda a ahorrar energía o no, etc., al final todo quedaría resumido a una simple cuestión de gustos. Así que, veamos cómo forzar el modo oscuro para cualquier web en Chrome.

Tutorial en vídeo:

Forzar el modo oscuro dentro de Google Chrome es algo súper sencillo. Puedes seguir leyendo este artículo en el que te lo explicamos paso a paso, o bien, echarle un ojo a tutorial en vídeo que hemos hecho en YouTube:

Cómo forzar el modo oscuro en todas las webs en Chrome

La versión 78 de Chrome, el navegador de Google, ha introducido entre otras tantas mejoras una que seguro gustará a todos aquellos usuarios fans de las interfaces oscuras: Dark Mode (modo oscuro). Esta nueva opción básicamente lo que hace es forzar el modo oscuro en cualquier página web a la que accedas, incluso si de forma nativa la web no tiene modo oscuro en su hoja de estilo CSS. ¿Cómo activarlo? Lo vemos, pero antes unas consideraciones.

La primera es asegurarte que tienes la última versión del navegador. Para ello, en el icono de tres puntos, dale a actualizar Chrome. Si usas Mac, en la barra de menú dale a Chrome > Información de Google Chrome y luego a actualizar en la ventana que se abrirá. Si dispones de una versión inferior actualiza, reinicio y listo, ya puedes continuar.

Cómo activar el modo oscuro en Chrome versión 78:

1.  Abre Chrome y coloca el curso en la barra de dirección
2. Introduce la URL: chrome://flags/#enable-force-dark
3. Ahora aparecerá un menú de ajustes y la opción de Forzar el modo oscuro
4. Selecciona activar (Enable). Hay más opciones que si quieres puedes probar, pero ahora mismo quédate sólo con la primera
5. Cierra el navegador y vuelve a lanzarlo para que la configuración se haga efectiva o pulsa el botón inferior Relaunch

Listo, a partir de este preciso momento, cualquier página web que visites se mostrará en modo oscuro. O casi, porque como podrás apreciar en las páginas que no disponen de una hoja de estilo definida para mostrar una interfaz oscura lo que hace es invertir los colores. Es decir, lo mismo que por ejemplo aplica macOS cuando activamos dicha opción en los ajustes de accesibilidad.

Por ello, debes tener en cuenta que como decíamos antes,  el diseño de un página web o aplicación no es algo que se pueda pasar a la ligera a un modo oscuro como muchos quisieran. Hay que realizar una serie de estudios y pruebas para ver cómo va a afectar a aspectos como la legibilidad del texto en todo tipo de situaciones, el cómo se verán otros elementos, combinaciones de color, etc.

En primer lugar, o al menos lo más visible para muchos, por temas estéticos. Luego por la usabilidad y experiencia que tendrá el usuario al acceder a ella. Porque si abusas o no se aplica con conciencia acaba por fatigar la vista, empeorar la lectura, etc.

De todos modos, por probar nunca pierdes nada. Si no te convence desactivar dicho modo oscuro es tan fácil como repetir todos los pasos anteriores y en lugar de activar (Enable), seleccionar la opción contraria.