Skip to main content

[Update: Gallery] Google Chrome’s dark mode for the web is coming to desktop and Chrome OS

With Android Q, Google has been affirming that dark mode is important to them on mobile, even allowing apps like Chrome to darken websites. This same dark mode for web is now coming to Google Chrome on desktop and Chrome OS.

For a few months now, it’s been possible to enable a flag on Chrome for Android that goes beyond giving the browser UI a dark mode to actually make web pages you browse darker. According to a newly discovered code change, this Android-specific flag is being replaced with one for all platforms.

Force Dark Mode for Web Contents

Automatically render all web contents using a dark theme.

#enable-force-dark

As it exists today, Chrome’s dark mode for the web is not ready for the spotlight — or perhaps the blacklight in this case — as there’s only one option for darkening which sometimes makes pages illegible. With the “cross-platform” version of the flag, Google is offering five prospective dark modes to choose from.

  • simple HSL-based inversion
  • simple CIELAB-based inversion
  • selective image inversion
  • selective inversion of non-image elements
  • selective inversion of everything

The first two options describe using HSL and CIELAB, which are, in rough terms, two different ways of mathematically describing a color. In both acronyms, the “L” stands for “lightness,” which simplifies the process of darkening or brightening a given color. CIELAB is the more advanced of the two models, meaning it should produce more accurate and visually pleasing results. That being the case, all three of the “selective inversion” options are based on CIELAB.


Update 8/5: The folks at Techdows have reported that this dark mode for the web flag is now live in Chrome Canary for Windows, macOS, Linux and Android. Chrome OS hasn’t yet caught up, but will surely be close behind. Now that the flag is live, we can dig into each of the five settings and see what they do to the 9to5Google homepage, so you can start thinking about which setting you may prefer.

Using these as reference, my personal favorite is selective inversion of non-image elements, as it darkens the most portions of the page while having a minimal impact on header images. At the same time, though, the most correct dark mode is probably the simple CIELAB-based one, which chooses an excellent complementary color for buttons in the top bar.


Both of Chrome’s “simple” inversions likely invert all colors on the web, regardless of whether that inversion would really count as “dark mode,” inverting an already dark website into a light theme for example. The selective options, on the other hand, should only invert colors based on certain thresholds, according to the code.

Would you use one of these dark modes for web pages on desktop Chrome? Let us know in the comments.

FTC: We use income earning auto affiliate links. More.

You’re reading 9to5Google — experts who break news about Google and its surrounding ecosystem, day after day. Be sure to check out our homepage for all the latest news, and follow 9to5Google on Twitter, Facebook, and LinkedIn to stay in the loop. Don’t know where to start? Check out our exclusive stories, reviews, how-tos, and subscribe to our YouTube channel

Check out 9to5Google on YouTube for more news:

Comments

Author

Avatar for Kyle Bradshaw Kyle Bradshaw

Kyle is an author and researcher for 9to5Google, with special interests in Made by Google products, Fuchsia, and uncovering new features.

Got a tip or want to chat? Twitter or Email. Kyle@9to5mac.com