

The instructions should also work in Windows 8.

Below you may find detailed instructions on how to fully personalize your Windows 10 screen’s appearance to your, eye-friendly colors (anything, to any color). In terms of text and background color adaptability to specific visual needs it is a step back when compared to Windows 7. If you specify the rgb(.) color there is a higher chance the color you are expecting will display, but hex codes, #ffffff, still work. Lastly we add !important to the attributes to override any inline color styles email clients try to add.Windows 10 has made life of those with light sensitivity and computer eye strain issues more difficult.

Using the color attribute you can control the text color, then more specifically targeting -webkit-text-fill-color - the text-fill-color property has preference over just color and ensures more support across devices and in browsers than just the color attribute.Īll of the clients currently supporting dark mode change hex colors into rgb - they also check for contrast with the background color. Lastly we duplicate any styles in the media query and add the attribute selectors to target Outlook apps:įor emailweekly and for most templates, instead of targeting each specific piece of text with it’s own class or id - we used element selectors, such as h1, p, td to control as much of the styling, with as little CSS as possible: Then we can target email clients supporting the prefers-color-scheme, dark, media (prefers-color-scheme: dark) Similar to the CSS in the image swap blog post, we use the meta tags to ensure Apple Mail 12.0 will listen to our dark mode specific styling: Using CSS we can target some clients and have some control over text colors. We don’t suggest trying to force your email to be exactly the same as it is in the light version - not only are you possibly making it harder for someone who has chosen dark mode, but a bright white email in a stream of dark ones could be off putting in the inbox, which could earn you a spam report or unsubscribe.

You can just leave the text to invert - if it is still legible and working, a user has chosen dark mode and may find it easier to digest your content that way.
