Document référence : https://flowcandy.com/guides/b/dark-mode-email-design

<aside> 💡

Points clefs :

→ 30% des utilisateurs (!!!) utilisent le mode sombre sur leur GSM.

→ Ne pas adapter nos emails en fonction rend invisible bon nombre d’éléments de nos emails : logo, textes et autres blocs utiles (produits, réassurance, etc)

→ Pour éviter que les logos sombres disparaissent : utilisez des contours ou des cadres d'arrière-plan. → Exportez les icônes et les images au format PNG pour prendre en charge la transparence. → Ajoutez un remplissage autour des images pleine largeur pour éviter les problèmes de mise en page. → Utilisez des tons moyens pour garantir la visibilité sur les arrière-plans blancs et noirs. N'utilisez jamais de noir pur (#000000) ; optez plutôt pour du gris foncé (#121212).

→ Optez pour des arrière-plans transparents pour vous assurer que les blocs apparaissent aussi bien en mode clair qu’en mode sombre.

</aside>

1/ LOGO EN DARK MODE :

Problème :

• Les logos non formatés disparaissent dans le fond noir.

Solutions :

• Ajouter une bordure ou un contour blanc ou coloré au logo.
• Ajouter une fond derrière le logo.
• Poser le logo sur un arrière-plan coloré.

Exemples :

                                   **AVANT**                                                      **APRES**

2/ VISUELS EN DARK MODE :

Problème :