Générateur de signature mail › Mode sombre

Ce que le mode sombre fait à votre signature

Le mode sombre est appliqué par le logiciel du lecteur, après l’arrivée du message, et chacun l’applique à sa façon. Une signature correcte en clair peut devenir invisible en sombre, et vous ne le verrez jamais.

Trois comportements différents

Apple Mail inverse entièrement les couleurs des messages qui ne déclarent pas leur propre schéma : les fonds clairs deviennent sombres, les textes sombres deviennent clairs. Outlook sous Windows fait une inversion partielle. Les applications mobiles de Gmail sont les plus agressives, tandis que Gmail sur le web laisse le plus souvent les messages tels quels.

Conséquence : on ne peut pas concevoir une version sombre. Il faut concevoir une signature qui survive à une inversion faite par un algorithme qui ignore ce qu’est votre logo.

L’échec classique : le logo foncé

Un logo enregistré en texte foncé sur fond transparent est correct sur un message blanc. Inversez le message : le fond devient sombre et le logo, resté transparent, reste foncé. Foncé sur foncé, invisible.

Deux corrections, et la seconde est meilleure. Donner au logo un fond blanc plein le rend sûr, mais un rectangle blanc dans un message sombre a l’air d’une erreur. Ou utiliser un logo dont les couleurs contrastent suffisamment dans les deux sens : un ton moyen, ou une version avec un contour clair. Ce travail se fait une fois et ne se repose plus.

Les couleurs qui survivent

Le noir et le blanc purs s’inversent proprement, parce que l’algorithme est conçu pour ce cas. Ce qui donne de mauvais résultats, ce sont les gris moyens — qui peuvent finir à peu près identiques au fond inversé — et les couleurs saturées proches du bleu de lien du logiciel.

Une règle utile : un presque-noir pour le texte principal, un gris nettement plus clair pour le texte secondaire, et vérifier que les deux restent distinguables quand les deux sont éclaircis.

Les filets et les séparateurs

Un filet gris clair entre le logo et le texte est le premier élément à disparaître sous inversion : un gris clair devient gris foncé, et un filet gris foncé sur fond sombre est invisible. Si un séparateur porte une information de structure, donnez-lui un contraste dans les deux sens — un gris moyen autour de #888 survit là où #eee ne survit pas.

Déclarer un schéma de couleurs

Certains logiciels respectent une déclaration color-scheme et une requête prefers-color-scheme, ce qui permet de fournir des couleurs sombres explicites au lieu de subir l’inversion. Apple Mail la respecte ; Outlook sous Windows non, et Gmail supprime le bloc de styles, donc ne voit pas la requête.

Vérifier sans changer toute sa machine

Envoyez-vous la signature et ouvrez-la dans l’application Gmail sur un téléphone en mode sombre, puis dans Apple Mail en apparence sombre. Ces deux-là couvrent le cas agressif et le cas de l’inversion complète. Trente secondes chacun, et ils montrent l’échec qu’aucune relecture du balisage ne révélera.

Que regarder pendant le test

Quatre choses, dans l’ordre. Le logo est-il encore visible sur le nouveau fond. Le gris secondaire se distingue-t-il encore du texte principal, ou les deux ont-ils été éclaircis vers la même valeur. Les liens ont-ils encore une couleur différente du corps. Et le filet ou le séparateur est-il encore là, ou a-t-il pris la couleur de ce qu’il séparait.

Ce que vous ne pouvez pas corriger

Certaines différences sont des réglages du lecteur, pas votre balisage : images bloquées, inversion des couleurs, police imposée par le lecteur. Construire un HTML de plus en plus défensif n’en règle aucune, parce que ce sont des décisions prises après l’arrivée de votre message.

Questions fréquentes