Por qué mi email se ve distinto en modo oscuro

El renderizado en modo oscuro lo decide el dispositivo del destinatario, no el remitente

Alva Digital Downloads envía un único HTML a cada cliente. Cuando ese HTML llega a una bandeja de entrada, la app de email del móvil u ordenador del destinatario decide cómo dibujarlo. Si el destinatario tiene el modo oscuro activado, la app de email pasa el mensaje por un algoritmo de inversión de colores antes de mostrarlo. El HTML que salió de Alva es idéntico para todos los clientes — el renderizado no.

Esto no es exclusivo de Alva. Cada email — lo envíe Alva Digital Downloads, Gmail, Klaviyo, Mailchimp, los emails transaccionales nativos de Shopify o uno escrito a mano — pasa por el mismo renderizado del lado del cliente. El dispositivo del destinatario es el árbitro final de cómo se ve el email.

Ningún servicio de email puede evitar la transformación del modo oscuro

El modo oscuro lo aplica la app de email del destinatario después de que el email haya sido entregado. No existe ninguna marca, cabecera ni instrucción que el remitente pueda incluir en el HTML que obligue a la app de email a ignorar el modo oscuro. Apple, Google y Microsoft no exponen tal control — por diseño. El modo oscuro es una preferencia del usuario, y las apps de email la respetan independientemente de lo que quiera el remitente.

Esto significa que cambiar de proveedor de email no ayuda. Tanto si el email viene de Alva Digital Downloads, Klaviyo, Mailchimp, Postmark, SendGrid o de los emails de pedido nativos de Shopify, el móvil del destinatario lo transformará de la misma manera. El proveedor envía HTML; el dispositivo del destinatario decide los colores.

Distintas apps de email transforman el mismo email de forma distinta

No hay un único "aspecto en modo oscuro" para el que diseñar. Las cuatro apps de email más comunes — Apple Mail, Gmail iOS, Gmail Android y Outlook — transforman los colores cada una con su propio algoritmo. El mismo email que llega a dos bandejas de entrada distintas puede renderizarse con tonos de fondo distintos, colores de botón distintos y contraste de texto distinto solo por la app en la que se abrió.

• Apple Mail (iOS & macOS) — inversión parcial. Los fondos claros pasan a oscuros y el texto oscuro pasa a claro, pero los elementos que ya estaban sobre fondos oscuros se dejan tal cual. La menos disruptiva de las cuatro.
• Gmail en iPhone — inversión total. Tanto los fondos claros como los oscuros se invierten, lo que puede afectar a logos, colores de marca y botones de formas impredecibles.
• Gmail en Android — inversión parcial. Comportamiento similar al de Apple Mail, pero aplicado mediante un algoritmo distinto.
• Gmail en escritorio y Outlook — normalmente dejan el email tal y como se diseñó.

Como cada uno de estos renderizados es incompatible con los demás, optimizar para uno suele romper los otros. No hay un diseño que se vea idéntico en todos los clientes en modo oscuro.

La mayoría de destinatarios sigue viendo exactamente el email que diseñaste

Alrededor del 90% de las aperturas de email ocurren en modo claro, dejando aproximadamente un 10% de destinatarios viendo una versión transformada por el modo oscuro. La mayoría en modo claro ve la banda de cabecera, el color de botón, el logo y el fondo que configuraste en el panel de Alva. La minoría en modo oscuro ve una versión transformada — generalmente legible, pero visualmente distinta.

Para un email de entrega cuyo único objetivo es llevar al cliente a sus descargas, esa variabilidad rara vez importa. El contenido sigue siendo legible, el botón de descarga sigue siendo clicable y el trabajo del email — llevar al cliente hasta sus archivos — no se ve afectado.

Qué puedes y qué no puedes hacer respecto al modo oscuro

No puedes forzar una apariencia concreta en todos los dispositivos de los destinatarios. Ningún remitente puede. La transformación se aplica localmente en cada app de email y es invisible para cualquiera que no sea el destinatario.

Sí puedes hacer que el renderizado en modo oscuro sea más predecible evitando los casos límite que los algoritmos de inversión manejan peor:

• Usa fondos de tono medio en vez de blanco puro. Los algoritmos de inversión invierten el blanco puro de forma agresiva; un blanco roto suave o un gris claro se transforma con más elegancia.
• Usa un logo con relleno interno para que tenga espacio a su alrededor. Los logos que tocan sus bordes pueden acabar fusionándose visualmente con los fondos invertidos.
• Evita texto en negro puro sobre cabeceras de color — el contraste puede invertirse de formas inesperadas. Usa el control de color del título en los ajustes de email de Alva para elegir un color que contraste con la banda de acento en ambos sentidos.
• Envíate un email de prueba y visualízalo en tu propio móvil con el modo oscuro activado. Es la única manera fiable de ver lo que verán tus clientes concretos.

El resumen honesto

El email que envía Alva Digital Downloads coincide con la vista previa del panel. Alrededor del 90% de los destinatarios ve exactamente ese email. El 10% restante ve una versión transformada por su propio dispositivo — y esa transformación está fuera del control de cualquier remitente, sea cual sea el servicio que se use. Esta es una limitación de cómo funciona el modo oscuro en las apps de email, no una limitación de Alva ni de ningún otro proveedor.