Comment créer un modèle d’e-mail en mode sombre pour Outlook / Blogs / Perficient

Qu’est-ce que le mode sombre ?

Le mode sombre inverse les couleurs de votre appareil pour diminuer la quantité de lumière sur votre écran, en inversant un fond blanc avec du texte noir et un fond noir avec du texte blanc.

En mode sombre, il inverse les composants de texte et les éléments d’interface utilisateur du courrier électronique en couleur claire sur un fond sombre.

L’avantage du mode sombre est la facilité de fatiguer vos yeux, surtout la nuit ou dans l’obscurité.

En fin de compte, le mode sombre est utilisé pour améliorer la lisibilité afin de réduire la fatigue oculaire. Le mode sombre inverse le code pour rendre les couleurs claires sombres et les couleurs sombres claires.

Comment concevoir et coder pour le mode sombre

Nous n’avons pas besoin de concevoir un e-mail complètement différent, en particulier pour le mode sombre. nous avons juste besoin de configurer le CSS spécifique au mode sombre pour rendre l’e-mail plus convivial en mode sombre.

NOTE: Certaines couleurs sont inversées par défaut, quel que soit le CSS que vous avez en ligne ou avec !important indiqué. Mais nous n’avons pas de contrôle sur certaines couleurs, surtout en mode sombre, il faut ajouter quelques lignes de code pour qu’elles soient visibles en mode sombre.

1. Ajoutez ces lignes de code à votre code HTML

Vous pouvez avoir un certain contrôle sur la couleur du texte en utilisant le code ci-dessous.
à l’intérieur de la balise

, ajoutez des balises méta pour prendre en charge le jeu de couleurs :

Ajouter le @médias requête à l’intérieur du