Modo oscuro (dark mode)
Cómo se ven tus emails con la luz apagada y cómo diseñar para ello
El modo oscuro (en inglés, dark mode) es una opción de pantalla que muestra texto claro sobre fondo negro o gris oscuro. Lo ofrecen los móviles, los ordenadores, los navegadores y casi todos los programas de correo.
Para quien hace email marketing tiene una consecuencia directa: tu newsletter no siempre se ve como la diseñaste.
Según el programa de correo, los colores se mantienen, se invierten en parte o se invierten del todo.
Aquí verás qué hace cada uno y cómo diseñar para que tus emails se lean bien con la luz apagada. Al final tienes 8 plantillas en modo oscuro listas para usar en Mailrelay.
¿Qué es el modo oscuro y para qué sirve?
El modo oscuro invierte la paleta habitual de la interfaz. Los fondos pasan a ser oscuros y los textos, claros. Se popularizó en 2019, cuando iOS, Android y macOS lo incluyeron como opción del sistema.
La gente lo activa por tres motivos:
- Comodidad visual: cansa menos la vista al leer de noche o con poca luz.
- Batería: en pantallas OLED, los píxeles negros apenas consumen energía.
- Gusto personal: a muchas personas les parece más elegante.
¿Cuánta gente lo usa en el correo? Litmus midió que el 35 % de las aperturas que registró en 2022 se hicieron con el modo oscuro activado.
Es más de una de cada tres lecturas. No es un dato que puedas ignorar al diseñar una plantilla de email.
¿Cómo afecta el modo oscuro a tus emails?
Cada programa de correo lo aplica a su manera.
Es parte del email rendering: el mismo HTML se pinta distinto según dónde se abra. Hay tres comportamientos:
| Comportamiento | Qué hace con tu email | Clientes de correo (Litmus, febrero de 2025) |
|---|---|---|
| Sin cambios | Mantiene tus colores; solo oscurece la interfaz del programa | Apple Mail en Mac, iPhone y iPad, Gmail en el ordenador, Yahoo Mail |
| Inversión parcial | Oscurece los fondos claros y aclara los textos oscuros; deja igual lo que ya era oscuro | Outlook.com, app de Outlook (iOS y Android), app de Gmail en Android |
| Inversión total | Invierte todos los colores, también los fondos que ya eran oscuros | App de Gmail en iPhone, Outlook para Windows, Windows Mail |
Un matiz sobre Apple Mail. Respeta tus colores, pero si el email no define un color de fondo, también lo oscurece.
Por eso un email en texto plano se ve oscuro en un iPhone con el modo oscuro activado.
Modo oscuro en Gmail
La app de Gmail cambia según el sistema: inversión parcial en Android y total en iPhone. En el ordenador, Gmail oscurece su interfaz, pero tu email conserva sus colores.
Gmail no deja detectar el modo oscuro con código. La única defensa es un diseño que aguante bien la inversión.
Modo oscuro en Outlook
Outlook es el más imprevisible. Outlook.com y la app móvil hacen una inversión parcial, y Outlook para Windows invierte todos los colores.
Revisa sobre todo los logotipos con fondo transparente y los botones con texto oscuro. Son lo primero que se rompe.
Diseña emails que se lean de día y de noche
Crea tus campañas con plantillas listas para el modo oscuro y envíate pruebas antes de mandarlas. Gratis hasta 80.000 emails al mes.
¿Qué ventajas y desventajas tiene para el email marketing?
La gran ventaja es que tu email encaja con lo que el lector ha elegido. Un correo que deslumbra en blanco a medianoche se cierra rápido.
Uno que se integra en su pantalla oscura se lee con más calma.
Pero tiene sus riesgos.
En una encuesta de Mailjet (2021), el 31 % de los profesionales del email señalaba la inversión automática de colores como un gran problema. Y un tercio temía por la imagen de su marca.
Los fallos típicos son logotipos que desaparecen, textos grises sin contraste y botones que cambian de color. Y lo peor: tú no decides cuándo pasa.
¿Cómo diseñar un email para el modo oscuro?
No necesitas dos versiones de cada campaña. Basta con un diseño que funcione en los dos modos:
- Usa logotipos con contorno o fondo propio. Un logotipo negro en PNG transparente desaparece sobre fondo oscuro.
- Evita el negro puro y el blanco puro. Un gris muy oscuro (#1a1a1a) y un blanco roto resisten mejor la inversión.
- Cuida el contraste. Comprueba que cada texto se lee en ambos modos. También es la base de un email accesible.
- No metas texto dentro de las imágenes. El texto en HTML se adapta; el de una imagen, no.
- Da a los botones un color de fondo propio. Un call to action con fondo de color sigue visible aunque el resto se invierta.
- Prueba antes de enviar. Envíate el email y ábrelo en Gmail y Outlook con el modo oscuro activado.
Si quieres ir más allá, Apple Mail admite la media query prefers-color-scheme para definir tus propios colores oscuros. Solo funciona en algunos clientes, así que úsala como mejora, no como base.
Plantillas de email en modo oscuro disponibles en Mailrelay
Otra opción es partir de un diseño que ya sea oscuro. En el editor de Mailrelay tienes plantillas con fondo oscuro para cada tipo de campaña.
Están pensadas para que el logotipo, los textos y los botones no se pierdan. Estas son ocho, una por categoría.
Básicas: «Mensaje breve»
Un email de texto, sin imágenes, para comunicar algo concreto: un cambio, un aviso o una carta de la dirección. Encaja con marcas de estilo minimalista.
Newsletters: «Resumen semanal oscuro»
Una newsletter de contenido con imagen principal, artículos destacados y enlaces para seguir leyendo. Pensada para el resumen que tus lectores abren por la noche.
Bienvenida: «Bienvenida con checklist»
Un email de bienvenida con barra de progreso y una lista de pasos para empezar. Útil para software y servicios con registro.
Foto grande del producto y tres cifras destacadas: autonomía, colores y precio. El fondo negro hace que la imagen destaque. Ideal para tecnología, moda o cosmética.
Catálogo: «Catálogo de productos oscuro»
Una cuadrícula de productos con foto, nombre, precio y enlace. Sirve para presentar una colección de temporada o las novedades de tu tienda online.
Ofertas: «Oferta relámpago 24 horas»
Un descuento grande en rojo, un botón claro y un aviso de «Solo 24 horas». El contraste con el fondo oscuro refuerza la urgencia de las ofertas flash.
Ecommerce: «Confirmación de pedido oscura»
Un correo de confirmación con el resumen del pedido, el total, el estado del envío y la dirección. Mantiene tu estilo después de la compra.
Eventos: «Invitación a evento nocturno»
Una invitación a un evento con foto, fecha, hora, lugar y código de entrada. Le da ambiente de cena, concierto o fiesta de fin de año.
Todas se editan con arrastrar y soltar, sin tocar el HTML. Cambia colores, textos e imágenes y guárdala como tu propia plantilla.
¿Cómo te ayuda Mailrelay con el modo oscuro?
Con Mailrelay creas tus campañas en un editor visual con cientos de plantillas, entre ellas las ocho oscuras que acabas de ver.
Puedes enviarte pruebas para revisar el diseño en Gmail, Outlook o el móvil antes del envío. ¿Dudas entre una versión clara y una oscura? Haz un test A/B y deja que decidan los datos.
Todo está en la cuenta gratuita: hasta 80.000 emails al mes y 20.000 contactos, con soporte por chat, ticket y teléfono.
Mira el resto de funcionalidades de Mailrelay.
Prueba las plantillas oscuras gratis
Elige una de las ocho plantillas, cambia textos e imágenes y envíala a tu lista desde la cuenta gratuita de Mailrelay.
Preguntas frecuentes sobre el modo oscuro
Estas son las dudas más habituales sobre el modo oscuro en el correo.
¿Qué es el modo oscuro?
Es una opción de pantalla que muestra texto claro sobre fondo oscuro. La ofrecen los sistemas operativos, los navegadores y los programas de correo. Sirve para cansar menos la vista, ahorrar batería en pantallas OLED o por gusto.
¿Cómo se pone el modo oscuro en Gmail?
En la app, entra en Ajustes y elige Tema u Oscuro. En el ordenador, ve a Configuración, abre Temas y elige uno oscuro. Ahí Gmail solo oscurece su interfaz, no el contenido de los emails.
¿Cómo se activa el modo oscuro en Outlook?
En Outlook.com, abre Configuración y activa el modo oscuro en la apariencia. En Outlook para Windows, cámbialo en Cuenta de Office, dentro del tema de Office. En el móvil, Outlook suele seguir el ajuste del sistema.
¿Es mejor enviar emails con fondo oscuro?
No hay una respuesta única. Un fondo oscuro encaja con marcas de tecnología, moda, ocio o eventos. Pero algunos clientes de correo lo invierten. Pruébalo y mide los resultados con un test A/B.
¿Mailrelay tiene plantillas en modo oscuro?
Sí. El editor de Mailrelay incluye plantillas oscuras en las categorías Básicas, Newsletters, Bienvenida, Anuncio, Catálogo, Ofertas, Ecommerce y Eventos. Están disponibles también en la cuenta gratuita.