Activar el modo oscuro: navegador y sitios web en oscuro

El modo oscuro (dark mode), también llamado modo nocturno, es un ajuste de visualización que sustituye los fondos claros por colores oscuros. No solo resulta más agradable para la vista, sobre todo por la noche, sino que también puede alargar la autonomía de la batería en dispositivos con pantalla OLED. A continuación te explicamos cómo activar el modo oscuro en tu navegador y en sitios web populares.

¿Qué es el modo oscuro?

El modo oscuro es una combinación de colores que usa fondos oscuros con texto claro, a diferencia del tradicional fondo claro con texto oscuro. La idea surgió en los primeros años de la informática, cuando los monitores mostraban de serie texto verde o blanco sobre fondo negro.

Con la llegada de las interfaces gráficas, los fondos claros se convirtieron en la norma, pero en los últimos años el modo oscuro ha vuelto a ganar popularidad. Esto se debe a la mayor conciencia sobre la fatiga visual digital y al auge de las pantallas OLED, que no consumen energía en los píxeles oscuros.

Ventajas del modo oscuro

Menos fatiga visual

Mirar una pantalla muy iluminada en un entorno oscuro puede cansarte la vista. El modo oscuro reduce el contraste entre la pantalla y el entorno, lo que hace la visualización más cómoda, sobre todo por la noche o en espacios con poca luz.

Mejor calidad del sueño

La luz azul de las pantallas puede alterar la producción de melatonina, la hormona que regula tu ritmo de sueño y vigilia. El modo oscuro suele usar colores más cálidos con menos luz azul, lo que puede ayudarte a mantener un patrón de sueño saludable.

Mayor autonomía de la batería

En dispositivos con pantalla OLED o AMOLED, el modo oscuro puede alargar considerablemente la autonomía de la batería. Estas pantallas iluminan cada píxel por separado, y los píxeles negros simplemente están apagados. Cuanto más negro haya en la pantalla, menos energía se consume.

Preferencia estética

A mucha gente el modo oscuro simplemente le parece más bonito. Da un aspecto moderno y limpio a las apps y los sitios web. Los colores y las imágenes también pueden lucir mejor sobre un fondo oscuro.

Modo oscuro en Windows

Activar el modo oscuro en todo el sistema

Windows 10 y 11 incluyen un modo oscuro que adapta automáticamente muchas apps. Para activarlo, abre Configuración con el icono del engranaje del menú Inicio o con el atajo de teclado Windows+I. Ve a Personalización y después a Colores.

En Elige tu modo, selecciona Oscuro. Windows cambia entonces a una combinación de colores oscura. Muchos programas que siguen los ajustes de Windows cambian automáticamente con él.

Configurar las apps por separado

También puedes elegir Personalizado, donde puedes indicar por separado si Windows y tus apps deben usar el modo claro o el oscuro. Es útil si, por ejemplo, quieres una barra de tareas oscura pero apps claras.

Modo oscuro en macOS

Modo oscuro en todo el sistema

En un Mac, abre Preferencias del Sistema desde el menú Apple, arriba a la izquierda. Haz clic en General. En la parte superior verás las opciones Claro, Oscuro y Automático en Aspecto.

Elige Oscuro para tener el modo oscuro de forma permanente, o Automático para que el Mac use el modo claro de día y cambie automáticamente a oscuro por la noche.

Modo oscuro en Google Chrome

Chrome sigue el ajuste de tu sistema

De forma predeterminada, Chrome sigue el ajuste del sistema de tu ordenador. Si has activado el modo oscuro en Windows o macOS, Chrome también usa automáticamente un tema oscuro.

Configurar un tema oscuro manualmente

¿Quieres poner Chrome en oscuro con independencia del ajuste de tu sistema? Puedes hacerlo con los temas. Haz clic en los tres puntos de arriba a la derecha, ve a Configuración y después a Aspecto. Haz clic en Personalizar Chrome y elige un tema oscuro.

También puedes visitar Chrome Web Store y buscar "dark theme". Hay muchos temas oscuros que puedes instalar gratis.

Poner los sitios web en oscuro en Chrome

Muchos sitios web tienen su propio ajuste de modo oscuro, pero no todos. Para los sitios web sin modo oscuro integrado puedes usar una extensión. Dark Reader es una opción popular disponible en Chrome Web Store.

Una vez instalada, Dark Reader pone automáticamente en oscuro todos los sitios web. Puedes activar o desactivar la extensión por sitio web y ajustar opciones como el brillo y el contraste.

Modo oscuro en Mozilla Firefox

Cambiar el tema de Firefox

Abre Firefox y haz clic en las tres líneas horizontales de arriba a la derecha. Ve a Complementos y temas. En Temas verás la opción Oscuro. Haz clic en Activar para aplicar el tema oscuro.

Firefox también ofrece la opción Tema del sistema, que sigue el ajuste de tu sistema operativo. Es útil si quieres que Firefox cambie automáticamente cuando cambia tu sistema.

Poner los sitios web en oscuro en Firefox

Dark Reader también está disponible para Firefox. Ve a addons.mozilla.org y busca Dark Reader. Instala la extensión para dar automáticamente un aspecto oscuro a todos los sitios web.

Modo oscuro en Microsoft Edge

Configurar el tema de Edge

Abre Edge y haz clic en los tres puntos de arriba a la derecha. Ve a Configuración y después a Apariencia. En Apariencia encontrarás la opción del tema. Elige Oscuro o Predeterminado del sistema para seguir el ajuste de Windows.

Opciones adicionales en Edge

Edge tiene una función exclusiva llamada Modo oscuro para contenido web. La encontrarás en Configuración, Apariencia. Cuando está activada, Edge intenta mostrar automáticamente los sitios web con una combinación de colores oscura, aunque el propio sitio web no tenga modo oscuro.

Modo oscuro en sitios web populares

YouTube

YouTube tiene un modo oscuro integrado. Haz clic en tu foto de perfil, arriba a la derecha, y selecciona Aspecto. Elige Tema oscuro. YouTube recuerda este ajuste y sigue en oscuro hasta que lo cambies.

Twitter / X

En Twitter, ve a Más en el menú de la izquierda, después a Configuración y soporte y luego a Configuración y privacidad. En Accesibilidad, pantalla e idiomas encontrarás Pantalla. Aquí puedes elegir entre el modo claro, el modo atenuado o Sin luz para el tema más oscuro.

Facebook

En Facebook, haz clic en tu foto de perfil, arriba a la derecha, y ve a Configuración y privacidad. Haz clic en Configuración y después en Accesibilidad. Aquí encontrarás la opción de modo oscuro.

Gmail

Gmail sigue el ajuste de tu cuenta de Google. Ve a Configuración con el icono del engranaje de arriba a la derecha y haz clic en Ver todos los ajustes. En la pestaña General encontrarás Tema. Haz clic en Cambiar y elige un tema oscuro.

Reddit

Reddit tiene un modo oscuro integrado. Haz clic en tu nombre de usuario, arriba a la derecha, y activa el modo oscuro con el interruptor. En la nueva interfaz de Reddit encontrarás esta opción en el menú de usuario.

Usar la extensión Dark Reader

Instalación

Dark Reader es la extensión más popular para poner en oscuro todos los sitios web. Ve a la tienda de extensiones de tu navegador, busca Dark Reader y haz clic en Añadir o Instalar.

Funciones básicas

Una vez instalada, Dark Reader se activa de inmediato. Haz clic en el icono de la barra de herramientas del navegador para abrir los ajustes. Verás directamente los controles deslizantes de brillo, contraste, sepia y escala de grises.

Excluir sitios

Algunos sitios web se ven mejor con sus colores originales o ya tienen un buen modo oscuro. En Dark Reader puedes añadir sitios a la lista de sitios en los que la extensión no está activa. Haz clic en el icono y después en la pestaña Lista de sitios.

Elegir el modo de filtro

Dark Reader ofrece distintas formas de poner en oscuro los sitios web. El modo Filtro simplemente invierte los colores. El modo Dinámico analiza el sitio web y adapta los colores de forma inteligente. El modo Estático usa estilos predefinidos. Prueba para ver qué modo te funciona mejor.

Consejos para obtener el mejor resultado

Combínalo con la luz nocturna

Para disfrutar de la máxima comodidad por la noche, combina el modo oscuro con la función de luz nocturna de tu sistema operativo. Esta función reduce la luz azul usando tonos de color más cálidos. En Windows la encontrarás en Configuración, Sistema, Pantalla, como Luz nocturna.

Ajusta el brillo

El modo oscuro funciona mejor con un brillo de pantalla ajustado. En un espacio oscuro puedes bajar el brillo para ganar aún más comodidad. De día, en un espacio luminoso, puede resultar agradable un brillo algo más alto.

Usa el modo automático

Muchos dispositivos y apps ofrecen un modo automático que cambia en función de la hora. Es ideal si de día prefieres usar el modo claro pero quieres cambiar automáticamente por la noche. Configúralo a nivel de sistema para obtener la mejor experiencia.

Cuida la legibilidad

No todos los sitios web funcionan perfectamente con el modo oscuro, sobre todo si se fuerza con una extensión. Si el texto cuesta de leer o las imágenes se ven raras, desactiva la extensión para ese sitio web concreto.

Preguntas frecuentes

¿Es mejor el modo oscuro para mis ojos?

El modo oscuro puede reducir la fatiga visual, sobre todo en entornos con poca luz. Sin embargo, no hay pruebas científicas de que proteja tus ojos de forma permanente frente a daños. Lo más importante es hacer pausas con regularidad y no mirar una pantalla demasiado tiempo, sea cual sea el modo.

¿El modo oscuro ahorra batería de verdad?

En dispositivos con pantalla OLED o AMOLED, el modo oscuro sí puede ahorrar batería, porque los píxeles negros no consumen energía. En las pantallas LCD apenas hay diferencia, porque la retroiluminación siempre está encendida, sea lo que sea lo que se muestre en la pantalla.

¿Por qué algunos sitios web se ven raros en modo oscuro?

Extensiones como Dark Reader intentan invertir o adaptar los colores automáticamente. Esto no siempre funciona a la perfección, sobre todo en sitios web complejos con muchas imágenes o estilos personalizados. El sitio web no se ha diseñado pensando en el modo oscuro, lo que puede dar resultados inesperados.

¿Puedo configurar el modo oscuro por app?

Sí, muchas apps tienen su propio ajuste de modo oscuro, que funciona de forma independiente del ajuste del sistema. Busca en los ajustes de cada app opciones como Tema, Pantalla o Modo oscuro. Algunas apps también ofrecen la opción de seguir el ajuste del sistema.

¿Quieres crear una página web? Consulta nuestra oferta.

¿Quieres crear tu propia página web? Con Theory7 empiezas una página web desde €0,49/mes. Incluye tu propio dominio, SSL gratuito y correo electrónico. Descubre cómo crear una página web.