VKT Toolkit · 28 de agosto de 2026 · 7 min de lectura

Cómo activar el modo oscuro en cualquier sitio web (Chrome & Edge) — 4 métodos comparados

Abres un sitio de noticias a las 23:00 y el fondo blanco quema tus ojos. Desearías que todos los sitios web tuvieran un botón de modo oscuro. La mayoría no lo tienen. Pero puedes forzar el modo oscuro en cualquier sitio web — hay 4 formas de hacerlo, y no todas son iguales.

Probamos los 4 métodos en 20 sitios web populares (Google, Wikipedia, GitHub, sitios de noticias, portales gubernamentales). Esto es lo que realmente funciona — y lo que se rompe.

Método 1: Chrome Flags (integrado, gratuito)

Escribe chrome://flags en la barra de direcciones, busca «Auto Dark Mode for Web Contents», actívalo con Enabled y reinicia Chrome.

Ventajas:

• Gratuito, integrado en Chrome — no necesita extensión;
• Funciona en todos los sitios web inmediatamente;
• Cero impacto en el rendimiento.

Desventajas:

• Fondo negro puro con texto blanco — se ve duro, especialmente en sitios con muchas imágenes;
• Los vídeos e imágenes a veces se invierten o se desvanecen;
• Sin control por página — es todo o nada;
• El flag podría eliminarse en futuras versiones de Chrome.

Veredicto: Bueno para un truco rápido. No ideal para uso diario.

Método 2: Dark Reader (extensión, gratuito)

La extensión de modo oscuro más popular con más de 20 millones de usuarios. Reescribe dinámicamente el CSS de cada sitio web para generar temas oscuros.

Ventajas:

• Temas oscuros de alta calidad — las imágenes se mantienen intactas;
• Interruptor por página y controles de brillo/contraste;
• Desarrollo activo, gran comunidad.

Desventajas:

• Pesado en recursos — analiza y reescribe elementos del DOM constantemente. Notable en portátiles;
• Los sitios complejos pueden romperse (los layouts se desplazan, el texto desaparece);
• Mismo tratamiento oscuro para todos los sitios — sin tonos cálidos ni opciones de color personalizadas;
• Puede entrar en conflicto con otras extensiones.

Veredicto: Mejor para usuarios que quieren máxima cobertura oscura y no les importa el coste de CPU.

Método 3: Modo oscuro del sistema

Activa el modo oscuro en Windows (Configuración → Personalización → Colores → Oscuro) o macOS (Configuración del sistema → Apariencia → Oscuro). Los navegadores que soportan prefers-color-scheme transmitirán esta señal a los sitios web.

Ventajas:

• No necesita extensión — a nivel de sistema operativo;
• La interfaz del navegador (pestañas, barra de direcciones) también se oscurece.

Desventajas:

• Solo funciona en sitios que implementaron modo oscuro — la mayoría lo ignora;
• Sin control por página;
• No ayuda en los sitios que más te cansan los ojos.

Veredicto: Bueno como señal base. Inútil solo para sitios que no lo soportan.

Método 4: VKT StylePatch (extensión, gratuito)

VKT StylePatch adopta un enfoque diferente. En lugar de una compleja reescritura del DOM o una inversión por fuerza bruta, aplica sobrescrituras CSS simples y personalizables — color de fondo, color de texto, tamaño de fuente y familia tipográfica — por página.

Ventajas:

• Ligero — sin análisis del DOM, solo inyección CSS. Impacto mínimo en CPU/memoria;
• Configuración por página — personaliza cada sitio independientemente (tonos cálidos en sitios de noticias, oscuro en GitHub, predeterminado en el resto);
• Opciones de tonos cálidos — no solo blanco/negro. Elige fondos oscuros suaves con colores de texto cálidos para menos fatiga visual;
• Control de tamaño de fuente — aumenta el texto en sitios con fuentes pequeñas, sin hacer zoom en toda la página;
• La configuración persiste — una vez configurado, los cambios se aplican automáticamente cada vez que visitas;
• Nivel gratuito — personalización completa para una página. Premium ($2,99/mes o $9,99 de por vida) desbloquea todos los sitios.

Desventajas:

• No analiza dinámicamente los elementos de la página — algunos sitios complejos pueden necesitar ajustes manuales de color;
• No es tan «automático» como Dark Reader para cobertura total.

Veredicto: Mejor para usuarios que quieren control — personaliza los sitios que te molestan y deja el resto por defecto.

Tabla comparativa

¿Cuál deberías elegir?

• «Quiero modo oscuro en todas partes, sin pensar» → Dark Reader;
• «Solo quiero un truco rápido» → Chrome Flags;
• «Solo me importan los sitios que lo soportan» → Modo oscuro del sistema;
• «Quiero personalizar sitios específicos — tonos cálidos, texto más grande, mis colores» → VKT StylePatch.

La mayoría acaba usando dos: modo oscuro del sistema como base + StylePatch para los sitios que lo necesitan. Esta combinación cubre el 95 % de los casos de uso con un coste de recursos casi nulo.

Preguntas frecuentes

Más guías en el blog de VKT; preguntas a [email protected].