![]() ![]() Look out for Apple Mail, as it inverts colors only if the background color is transparent or unspecified - white background won’t do. Once Gmail joins the dark side, emails that might be opened with dark mode enabled will skyrocket to 83%! 1) Adjusting colors More than 55% of emails might be opened with dark mode enabled. Here’s how you can do the same: What the data say: I already put the data to use, and a few Outlook related challenges later, I made our emails dark mode friendly. ( Visit the original post to view my notes from the testing, and to see the latest tests as I gradually test more email clients and update the article there first.) How to make HTML emails dark mode friendly Popularity source: Litmus, the 2019 email client market share. * Popularity is shared across all platforms for the same email client because it cannot be reliably distinguished. Here’re the differences I found in how email clients handle dark mode email rendering: Email client I’m talking transactional and promotional. However, it’s not that simple for custom HTML emails - those that fill most of our inboxes. For regular user-to-user emails, this works well and consistently in all email clients. To render the email message dark itself, email clients invert the email’s colors automatically behind the scenes. How dark mode works in popular email clients ![]() Surprisingly, Outlook was the only email client that supported this before Apple Mail. With the iOS 13 update, the support in most popular email clients jumped from 2.3% to 38.4%! A huge step thanks to Apple Mail's popularity. The prefers-color-scheme CSS media query is used to detect whether the user prefers a light or dark theme, making it possible to design email specifically for both. Here’s what I found.īut first, w hat is prefers-color-scheme? While I was at it, I also tested how dark mode works in almost all email clients, including the troublemaker Outlook. So when I learned about dark mode in iOS 13, I did the only obvious thing and ordered a brand new iPhone to test things out. I’m a massive dark mode fan, and blindingly-bright email is my nemesis. So you can now design emails specifically for both dark and light themes. That means it's the first major email client that supports the prefers-color-scheme CSS media query. With the new iOS 13 update, Apple Mail is getting a dark theme.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |