


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 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. What is prefers-color-scheme? 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. While I was at it, I also tested how dark mode works in almost all email clients, including the trouble maker Outlook, and here’s what I found. I’m a massive dark mode fan, and blindingly-bright email is my nemesis so when I learned about the dark mode in iOS 13, I did the only obvious thing and ordered a brand new iPhone to test things out. With the new iOS 13 update, Apple Mail is getting a dark theme and becomes the first major email client that supports prefers-color-scheme CSS media query - this means you can now design emails specifically for both dark and light themes.
#Mail designer 365 background color how to
Learn how it works and how to make dark‑mode‑friendly HTML emails yourself. The new big trend in tech, dark mode, is coming to email.
