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. Outlook 2019 is one example of this.With the new iOS 13 update, Apple Mail is getting a dark theme. This invasive mode makes it harder to optimize your email signature for dark mode. In addition to inverting dark elements to their light counterparts, light elements are also inverted to become dark. Fully Inverted – This mode inverts almost everything in the email regardless of whether the text is light or dark.Dark text becomes light but already light text stays the same. Partially Inverted – This involves inverting light backgrounds to dark backgrounds while leaving already dark backgrounds as is.These differences make it quite difficult for both designers and users.Įmail clients implement dark mode in one of two ways: On the other side of the spectrum, Outlook applies a dark grey background to its emails instead of black. Email clients like Gmail only apply dark mode to their interface but not to their emails (they still appear the same way). Despite how simple the concept of dark mode is, each email client does it differently. This is a common misconception that often results in confused and frustrated users.
0 kommentar(er)
