Cómo activar el modo oscuro en cualquier sitio web

Por qué un modo oscuro

Las páginas de un blanco intenso cansan la vista de noche y en habitaciones con poca luz, y mucha gente simplemente prefiere texto claro sobre fondo oscuro. Muchos sitios ya ofrecen un tema oscuro, pero muchos otros no: herramientas internas, sitios de documentación, aplicaciones web antiguas y foros suelen tener un único tema claro. Si pasas horas al día en uno de ellos, vale la pena arreglarlo.

La forma integrada

Primero, revisa el propio sitio. Muchos siguen el ajuste oscuro de tu sistema, así que basta con activar el modo oscuro en Windows o macOS. Otros tienen un selector de tema en su configuración o en el pie de página.

Para los que no, Chrome tiene una opción experimental. En octubre de 2026:

1. Escribe chrome://flags/#enable-force-dark en la barra de direcciones.
2. Pon Auto Dark Mode for Web Contents en Enabled.
3. Haz clic en Relaunch.

Chrome oscurece entonces todos los sitios web analizando sus colores e invirtiéndolos donde cree que debe. Para deshacerlo, vuelve a poner el ajuste en Default. La página de ajustes experimentales de Chrome está siempre en inglés, por eso los nombres aparecen así.

Es rápido de probar, y tiene inconvenientes reales. Se aplica a todos los sitios a la vez, incluidos los que ya tienen un buen tema oscuro. A menudo trata mal las imágenes, los gráficos, las etiquetas de colores y los colores de marca. Y es un ajuste experimental: el propio aviso de Chrome dice que puede cambiar o desaparecer en cualquier versión.

La forma manual

No existe un modo oscuro manual como tal, pero algunas cosas ayudan mientras tanto:

• Modo lectura en el panel lateral de Chrome muestra solo el texto de un artículo y te deja elegir un tema oscuro para él.
• Zoom y brillo: bajar el brillo de la pantalla y subir el tamaño del texto reduce el deslumbramiento en las páginas claras.
• Los filtros de color de tu sistema operativo pueden invertir toda la pantalla, lo que afecta a todo, fotos incluidas.

Son apaños para leer, no un tema oscuro para un sitio en el que trabajas.

Hazlo permanente con una herramienta

Un tema oscuro hecho para un sitio concreto queda mucho mejor que uno automático, porque puede tratar cada parte de la página como corresponde. Un userscript es un pequeño fragmento de JavaScript que se ejecuta en el sitio que elijas. Un userscript de modo oscuro añade estilos que ponen fondos oscuros y texto claro sobre el diseño propio de ese sitio, mantiene los enlaces legibles y deja en paz las fotos y los vídeos para que no salgan como negativos. También puede añadir un pequeño botón para desactivar el tema oscuro cuando necesites el original.

ScriptPanda es una extensión de Chrome que crea userscripts así a partir de una descripción sencilla. Abre su panel lateral en el sitio que quieres más oscuro, pega la petición del final de esta guía, y escribe el tema para esa página y lo instala. Como puede ver cómo está construida la página, puede oscurecer paneles, menús y tablas, no solo el fondo.

Un tema oscuro es solo estilo, así que una vez creado funciona sin IA y no gasta las solicitudes de tu plan. Crearlo y ajustarlo sí las gastan. Si algo sigue demasiado claro o un color se lee mal, cuéntale a ScriptPanda lo que ves y pídele que cambie la herramienta.

Cambios que vale la pena probar después:

• Elegir un color de fondo concreto, como un gris oscuro en lugar de negro.
• Seguir automáticamente el ajuste del sistema, para que el sitio se oscurezca solo de noche.
• Mantener los bloques de código en una combinación de colores concreta.

Combínalo con una página más limpia

Las ventanas emergentes y los banners fijos de colores vivos suelen ser lo que hace que una página resulte agresiva. La guía relacionada los oculta en cualquier sitio.

Límites

La herramienta cambia el tema del sitio para el que se creó, en Chrome en tu ordenador. Cada sitio necesita su propia herramienta, porque cada uno está construido de forma distinta. El contenido de marcos incrustados de otros sitios, como algunos reproductores de vídeo o widgets de comentarios, puede seguir claro. Si el sitio cambia su diseño, partes de él pueden volver a los colores claros. Abre ScriptPanda en la página, di qué se ve mal y pídele que arregle la herramienta para la página tal como es ahora.