Sommaire
Le mode sombre (ou mode nuit) est une fonctionnalité permettant d’adapter les couleurs d’un email, d’une application ou d’un site web afin de les rendre plus sombres.
En général, il s’agit de rendre un arrière-plan clair plus sombre et d’adapter l’interface utilisateur en conséquence. Cela peut se faire, par exemple, en affichant un texte de couleur claire sur un arrière-plan sombre. L’UX fait référence à l’interface utilisateur, c’est-à-dire la conception générale d’un site web, d’une application ou d’un email.
Cela signifie qu’au lieu d’utiliser un texte de couleur sombre par défaut affiché sur un fond clair, appelé mode clair, un texte de couleur claire est affiché sur un fond noir : il s’agit donc d’un paramètre d’affichage.
Le mode sombre a été popularisé par Apple sur iOS et macOS, mais aujourd’hui, de nombreuses autres plateformes, notamment Chrome, Gmail, Instagram et YouTube, proposent également un mode sombre et des « thèmes » sombres, qui sont des variations de couleurs claires sur fond sombre. Nous avons abordé le mode sombre dans cet article. N’hésitez pas à le consulter si vous souhaitez en savoir plus sur les dernières tendances en matière d’email marketing pour 2022 !
Mode sombre, pourquoi l'utiliser ?
Quelles sont les compatibilités ?
Pour l’instant, cette technologie est encore en cours de développement dans le domaine de l’email, car elle n’est pas encore entièrement prise en charge. Comme souvent dans le développement de l’email, les applications Apple (MacOS, iOS, iPadOS) ainsi que hey.com, qui intègrent parfaitement les requêtes multimédias (commandes permettant de cibler l’affichage en fonction du type d’écran, nécessaires pour le mode sombre), en sont de bons exemples.
Comment mettre en place le mode sombre dans vos emails ?
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
:root { color-scheme: light dark; supported-color-schemes: light dark; }
@media (prefers-color-scheme: dark ) {
.dark-background { background-color: #272623 !important; }
}
[data-ogsc] .dark-background { background-color: #272623 !important; }
Quelques bonnes pratiques pour le mode sombre
- Pour vos images, utilisez le format PNG transparent afin d’obtenir un arrière-plan transparent sur vos images.
- Utilisez des couleurs avec un contraste important pour garantir une lisibilité optimale de votre contenu.
- Lorsque vous utilisez des images avec du texte, tenez compte du mode sombre : en effet, la couleur du texte changera, mais pas celle de l’arrière-plan. Il est donc important de s’assurer que même en mode sombre, le texte reste lisible.
- Comme toujours, testez vos emails sur différents appareils/FAI (avec Email on Acid par exemple).
MailSoar est une agence spécialisée dans la délivrabilité qui peut vous aider à améliorer votre délivrabilité et, par conséquent, à développer votre activité.
Que vous soyez un expéditeur expérimenté cherchant à perfectionner la livraison de votre infrastructure ou qu’une grande partie du retour sur investissement de votre entreprise soit liée à l’arrivée des emails au bon endroit, notre équipe d’experts est habituée à gérer la délivrabilité continue d’expéditeurs massifs de tous les secteurs.
Contactez MailSoar pour optimiser la délivrabilité de vos emails et améliorer votre réputation en matière d’envoi grâce aux meilleures solutions.
