Generador de firmas de correo › Modo oscuro

Qué le hace el modo oscuro a su firma

El modo oscuro lo aplica el programa del lector, después de que llegue el mensaje, y cada uno lo aplica a su manera. Una firma correcta en claro puede volverse invisible en oscuro, y usted no lo verá nunca.

Tres comportamientos distintos

Apple Mail invierte por completo los colores de los mensajes que no declaran su propio esquema: los fondos claros se vuelven oscuros y los textos oscuros se aclaran. Outlook en Windows hace una inversión parcial. Las aplicaciones móviles de Gmail son las más agresivas, mientras que Gmail en la web suele dejar los mensajes tal cual.

Consecuencia: no se puede diseñar una versión oscura. Hay que diseñar una firma que sobreviva a una inversión hecha por un algoritmo que no sabe qué es su logotipo.

El fallo clásico: el logotipo oscuro

Un logotipo guardado como texto oscuro sobre fondo transparente se ve bien en un mensaje blanco. Invierta el mensaje: el fondo se vuelve oscuro y el logotipo, que sigue siendo transparente, sigue siendo oscuro. Oscuro sobre oscuro, invisible.

Dos arreglos, y el segundo es mejor. Darle un fondo blanco sólido es seguro, pero un rectángulo blanco en un mensaje oscuro parece un error. O usar un logotipo cuyos colores contrasten en ambos sentidos: un tono medio, o una versión con contorno claro. Ese trabajo se hace una vez.

Los colores que sobreviven

El negro y el blanco puros se invierten limpiamente, porque el algoritmo está pensado para ese caso. Lo que da malos resultados son los grises medios — que pueden acabar casi iguales al fondo invertido — y los colores saturados cercanos al azul de enlace del programa.

Una regla útil: un casi negro para el texto principal, un gris claramente más claro para el secundario, y comprobar que los dos siguen distinguiéndose cuando ambos se aclaran.

Filetes y separadores

Un filete gris claro entre el logotipo y el texto es lo primero que desaparece bajo inversión: un gris claro se vuelve gris oscuro, y un filete oscuro sobre fondo oscuro es invisible. Si un separador tiene valor de estructura, déle contraste en ambos sentidos — un gris medio alrededor de #888 sobrevive donde #eee no.

Declarar un esquema de color

Algunos programas respetan una declaración color-scheme y una consulta prefers-color-scheme, lo que permite dar colores oscuros explícitos en lugar de sufrir la inversión. Apple Mail la respeta; Outlook en Windows no, y Gmail elimina el bloque de estilos, así que no ve la consulta.

Comprobarlo sin cambiar toda la máquina

Envíese la firma y ábrala en la aplicación de Gmail en un móvil en modo oscuro, y en Apple Mail con apariencia oscura. Esos dos cubren el caso agresivo y el de la inversión completa. Treinta segundos cada uno, y muestran el fallo que ninguna relectura del marcado revelará.

Qué mirar durante la prueba

Cuatro cosas, en orden. Si el logotipo sigue visible sobre el nuevo fondo. Si el gris secundario se distingue aún del principal, o ambos se han aclarado hasta el mismo valor. Si los enlaces conservan un color distinto del cuerpo. Y si el filete sigue ahí o ha tomado el color de lo que separaba.

Lo que no puede corregir

Algunas diferencias son ajustes del lector, no su marcado: imágenes bloqueadas, inversión de colores, tipografía impuesta por el programa. Construir un HTML cada vez más defensivo no resuelve ninguna, porque son decisiones tomadas después de que su mensaje llegue.

La respuesta a las tres es la misma y va de contenido, no de código: que nada importante viva solo dentro de una imagen, colores que sobrevivan a la inversión, y no depender de una tipografía concreta para transmitir sentido.

Preguntas frecuentes