Google Chrome Tests Feature That Gives Any Site a Dark Mode

In the Chrome 78 Canary build, Google is testing a new feature that will give any site a dark mode whether or not they actually support one.

This new feature titled “Force Dark Mode for Web Contents” will allow users to convert any site into a dark mode version by applying various color filters and image inversion formulas.

For example, BleepingComputer does not currently have a dark mode theme on its own, but when we enabled this feature, it gave us a pretty decent looking one.

Dark Mode theme forced on BleepingComputer.com
Dark Mode theme forced on BleepingComputer.com

When enabling this feature, Chrome will let you select various settings that determine how the browser will force a dark mode theme on the site.

Various Settings to use for the Forced Dark Mode setting
Various Settings to use for the Forced Dark Mode setting

The various settings are:

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

The HSL and CIELAB settings use different algorithms on how colors should be displayed, but for BleepingComputer and other sites we tested, it made the header look pretty bad.

Using CIELAB-based inversion
Using CIELAB-based inversion

In our tests, we found the Enabled with selective inversion of non-image elements looked the best. If you want to play with this feature, I suggest you try the various settings to determine what looks best to you.

How to enable forced dark mode on web sites

To have Chrome 78 force a dark mode theme on web sites you visit, you need to enable the “Force Dark Mode for Web Contents” flag by following these steps:

  1. Download the

    Chrome Canary

    build and install it.

  2. In the address bar, enter chrome://flags and then press enter.
  3. Search for enable-force-dark and an experimental flag titled “Force Dark Mode for Web Contents” will appear.
  4. Select the Enabled setting you wish to use. In our experiments, the “Enabled with selective inversion of non-image elements” setting worked well, but you should experiment with each setting to determine the one you like the best. Then click on the Relaunch button to restart Chrome and enable the feature
    Relaunch Chrome after enabling Force Dark Mode for Web Contents
    Relaunch Chrome after enabling Force Dark Mode for Web Contents

To disable this feature, you can follow the above steps, but this time set the setting to Default.

H/T

Techdows.com

Related Articles:

Google Chrome is getting a new Progressive Web App feature

Google fixes exploited Chrome zero-day dropped on Twitter last week

Microsoft disables Google’s FLoC tracking in Microsoft Edge, for now

WordPress may automatically disable Google FLoC on websites

Google Chrome’s new feature lets you easily share selected text