Google Chrome Now Supports Dark Mode Preference via @martinibuster
Google announced support for prefers-color-scheme media query. This means Chrome will display web pages with dark mode color schemes if a user indicates a preference for dark mode. This change begins in Chrome 76.
Beginning with Chrome 76, web developers can now show Chrome visitors a dark mode version if the user sets that as their default viewing preference.
Dark Mode is an Opportunity
Dark mode allows users to browse your site under dark settings. Creating a dark mode version of your site allows you to provide your content to these users in a way that accommodates them. This is good for the publisher because it will keep that user happy and on your site longer.
Some forum and WordPress theme templates come with dark mode alternative stylesheets. But you will probably want to update those so that they are optimized for legibility.
CSS-Tricks.com has an article listing some of the customizations you may wish to consider. For example, there’s a way to make images darker with CSS so that they display better in dark mode.
Dark Mode and Accessibility
Dark mode addresses accessibility concerns. Some sight impaired people have an easier time browsing web pages in dark mode. Others use dark mode because it reduces eye strain.
Dark Mode Preferences Browser Compatibility
According to Mozilla’s developer page on browser compatibility for prefers-color-scheme media query, many major browsers now support dark mode.
Microsoft Edge and Explorer plus Opera do not currently support dark mode for the desktop. Opera for Android does not support dark mode for Android mobile devices.
According to Google:
Google’s Material Design Page
Google has a Material Design page that discusses the principles of designing for dark mode. In it they suggest:
As you can see, a dark mode theme is more than inverting colors, turning black to white and white to black. You may have to choose a less stark contrast for text legibility.
Should You Turn to the Dark Mode?
There are many reasons to add a dark mode version of your site. Allowing users to view your site in dark mode is not only good for users but it may be good for your site and user satisfaction metrics.
Read Google Chrome announcement:
Google’s Material Design page on Dark Mode Themes
Mozilla’s Developer page on prefers-color-scheme media query
Article about considerations when redesigning for dark mode
via Search Engine Journal https://ift.tt/1QNKwvh
July 30, 2019 at 02:26PM