What is a dark mode you ask? The dark mode is a reversed color schedule that utilizes light colored type, icons & elements and has them on a dark background.
There are a few reasons why people switch to dark mode.
- Dark mode reduces eye strain.
- Reduces screen brightness (keeping your battery alive longer).
- It can make it easier to consume & read content
Dark mode is growing in popularity across both computers & phones. So it’s crucial that email designers are considering it while designing emails.
Here are Four Major Do’s for Dark Mode with Emails in 2021:
- Optimize your logos & other images for all styles. Make sure your backgrounds are transparent. This will help so that email clients won’t have to decide if they should invert colors on the imagery or not.
- If you’re hardcoding in HTML, enable dark mode in email client user agents. By adding metadata in your header tag will ensure that dark mode enabled for any subscribers who have dark mode turned on. Using a dark-img and light-img class will be incredibly useful.
- If you’re looking to really tighten up your code, you can add media queries (litmus provides them) in any additional sections!
- Just like you have email preferences – you’ll also want to make sure you’re respecting what your customers want. If they’ve chosen dark mode make sure you’re not overriding it!
Just a side note – dark mode is NOT available across all devices major devices. Currently, it is supported by these Mobile Clients:
- iPhone Mail
- iPad Mail
- Gmail App (Android)
- Gmail App (iOS)
- Outlook App (Android)
- Outlook App (iOS)
And across these Desktop Clients:
- Apple Mail
- Outlook 2019 (Mac & Windows)