All the icons in the footer are saved with a white background. Here’s another example from french children clothing brand Jacadi. But the main image and the lightning separator would look much better in Dark Mode with transparency instead of a white background. Because it uses transparency, the “Buy now!” button looks great in both Dark Mode and “light” mode. Here’s an example from Fortnite’s first birthday email. So you might want to make sure images in your designs look great with your original colors and with Dark Mode’s colors. ’s Dark Mode edits colors in CSS, but not images. Tips to improve your emails for Dark Mode 1. Here are three tips to improve your emails in Dark Mode in. But going through my inbox and testing various emails, I noticed a few gotchas. This is simple enough to work in most cases. This allows them to easily turn the original colors of an email back if you “ Turn on the lights”. And it saves your original colors in a custom data-ogsc attribute (for the text color) and a data-ogsb attribute (for the background color). Microsoft then changes the styles inline. (If you want to see precisely the color changing algorithm, you can have a look at the fixContrast() function in Microsoft’s code). If an element has a text color defined, it will adjust it to make it contrasted enough either based on the element’s own background, or based on the webmail’s default background color in Dark Mode (a dark #333 grey). If an element has a background color defined, it will adjust it to make it darker. Microsoft checks for any element with a text color or background color defined, may it be with the color or bgcolor HTML attributes or with any of the color, background-color or background CSS properties (either via inline styles or embedded styles). So I inspected the webmail’s code to get a grip of how it actually works. ’s default Dark Mode view (left) and with “lights” turned on (right).Ĭontrary to macOS Mojave’s Dark Mode, ’s Dark Mode does impact HTML emails and changes colors. ’s default interface (left) and with Dark Mode turned on (right).Įach individual email also has a “ Turn on the lights” button to toggle back a white background and the original email on the reading pane only. From Microsoft’s spokesperson announcement: Dark Mode is a more-pleasant way to read your email if you prefer interfaces that are less bright or if you are in a low-light environment.ĭark Mode can be turned on in the Settings menu on the top right of the webmail. Last summer, Microsoft quietly introduced a new feature for its webmail : Dark Mode.
0 kommentar(er)
