For those late-night email checkers and evening scrollers, emails in Dark Mode can feel easier on the eyes, and easier on the battery life too. But once a user makes the switch to Dark Mode, you don’t want your email to be the one sticking out like a sore thumb.
As multiple operating systems and email providers have jumped on board with the Dark Mode movement, you don’t want to be left behind. Android Authority found that 81.9% of their readers use Dark Mode where possible so optimizing your emails for Dark Mode has quickly become a must. See the light side of Dark Mode with our helpful hints.
What is Dark Mode for email?
Dark Mode is a selected device or app setting that switches up the norm, using a darker-colored background with light-colored text. Dark Mode reduces the light emitted from the screen while creating enough contrast for readability. Many people choose Dark Mode as it can feel a little easier on the eyes, save battery, and reduce glare. It’s a version of an inverted color scheme that’s particularly effective in low-light environments… Late-night email-checking, anyone? For the large group that spends over two hours a day on their smartphone, it’s no wonder there are so many of us looking for any kind of eye relief out there.
While many try to find a way to prevent their screen from waking a slumbering partner, it’s key to keep in mind that each email provider will render Dark Mode a little differently.
We’ve put together a few pointers and reasons for optimizing your emails for Dark Mode.
It could impact email deliverability
Dark Mode may be the new guy in town, but it sure does have the potential to hold some sway. When your email recipient has configured their inbox to Dark Mode, and they receive an email that has not been optimized for it, things could go awry.
- The email provider may automatically adjust your email to Dark Mode. This is fine unless you haven’t put in the work to find the best tools and combinations when creating a Dark-Mode-friendly email. If you haven’t amended and tested your email, it could look completely unreadable once it lands in an inbox.
- A provider may tweak parts of the app but not touch emails at all, so your email will appear just as you created it. This could create a negative user experience for your Dark-Mode-loving customer.
- If the receiver is particularly taken aback by the overly bright backgrounds of your email, you are at risk of reactions like marking the email as spam, deleting the email, or even unsubscribing from your list.
Inbox providers take note of how recipients engage with your emails, so flagging and deleting may lead to providers sending your following emails to spam or blocking them completely. On the flip side, if users respond positively to a Dark-Mode-optimized email, the likelihood of your emails landing in the right folder could improve.
Use transparent PNG images
Many email service providers that allow Dark Mode settings automatically change colors in CSS, but not colors within images. That’s why if you’re choosing to use images in your email, using transparent PNG images is the way to go. This will avoid a white box around any images in your email so that they can sit nicely on a dark background. If your image is also quite dark, you may want to outline the transparent image in white to ensure it doesn’t blend in too much with the dark background.
Work on how you use text
When it comes to text, there are a few things you can try to look smooth in Dark Mode. No matter the type of email you’re sending, sometimes a plain-text message fits the bill. If you’re open to going simple, a plain-text email in Dark Mode renders to light text on a dark background – easy, predictable, and effective.
Another direction to take is simply adding a white stroke around darker fonts (same concept as transparent images). In regular settings, a white stroke will go almost unseen, but in Dark Mode, it defines text and headings to improve readability. Simple!
Test before you send!
Optimizing your email for Dark Mode can go a few ways and will depend on the email provider. We recommend creating your Dark-Mode-friendly email and sending a test version to see how it looks in Dark Mode for your customers’ most popular providers, devices, and browsers.
Inbox providers can render Dark Mode in a few ways:
- Converts transparent backgrounds to a dark color: If you haven’t chosen a background color, Dark Mode will automatically opt for a dark color.
- Light backgrounds will become inverted: The device or email provider with Dark Mode activated will detect a light background and automatically invert it.
- Text will also be inverted: Text will be automatically inverted to show up against the background.
- No change at all: Some providers won’t change color schemes by default at all, rather depending on an email developer to build their email specifically for Dark Mode. Designing and coding your own emails allows you to have more control over how your email will appear to others.
By seeing your email in both Light and Dark Mode, you’ll be able to figure out the most effective settings and combinations that work the best across providers, platforms, and devices.
Make your emails a friendly experience for every user and get prepared for Dark Mode using our helpful hints!
