https://ift.tt/32XUSlG
Google Chrome Now Supports Dark Mode Preference via @martinibuster https://ift.tt/330RGWr 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 OpportunityDark 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 AccessibilityDark 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 CompatibilityAccording to Mozilla’s developer page on browser compatibility for prefers-color-scheme media query, many major browsers now support dark mode. Desktop
Mobile
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 PageGoogle 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. Further reading: 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 SEO via Search Engine Journal https://ift.tt/1QNKwvh July 30, 2019 at 02:26PM
0 Comments
Leave a Reply. |
Categories
All
Archives
November 2020
|