Advertisement

Enable Dark Mode for All Sites in Microsoft Edge

How to Enable Dark Mode for All Sites in Microsoft Edge

As you may already know, Microsoft is now using Chromium and its Blink engine as the core technology for their Edge browser. With this change, Edge has got a new option to force enable dark mode on any web page.

Advertisеment

If you are following the Chromium-based Microsoft Edge development, you must have noticed that the browser is now based on Chromium 80 in the Canary branch.

Edge Chromium 80

Today, Microsoft has made the switch to the newest Blink version included in Chromium 80. Chromium is an open-source project that  features a very powerful fast web rendering engine "Blink" to make your browsing experience faster, safer, and easier. Chromium is the base for Google Chrome, which is the most popular web browser these days. It aims to build a safer, faster, and more stable way for all users to experience the web.

Besides Edge, there are plenty of other browsers that use Chromium's project as their base, including Opera and Vivaldi.

Starting with build 318, Edge inherited Chrome's feature to force enable the dark look for any web site and to override its style and appearance. Here is how to enable it.

To Enable Dark Mode for All Sites in Microsoft Edge,

  1. Update Edge to the latest Canary build (see the version list below).
  2. Type the following in the address bar and hit the Enter key: edge//flags/#enable-force-dark.Edge Chromium Force Enable Dark Mode For Sites
  3. Select the option Enable from the drop-down list next to the 'Force Dark Mode for Web Contents' line.
  4. Restart the browser once prompted.Edge Flags Restart Prompt

You are done. Edge will render all web sites using the dark style. Here is how Winaero looks in Dark Mode:

Edge Chromium Dark Mode Enabled

The flag supports a number of other options, such as

  • Simple HSL-based inversion
  • Simple CIELAB-based inversion
  • Selective image inversion
  • Selective inversion of non-image elements
  • Selective inversion of everything

You can play with them and see what works best for you.

Keep in mind that overriding the default CSS of a web page may make it unreadable. The forced dark mode is an experimental feature, it has issues, and may not reach the production branch at all.


As you may already know, Microsoft is currently using three channels to deliver updates to Edge Insiders. The Canary channel receives updates daily (except Saturday and Sunday), the Dev channel is getting updates weekly, and the Beta channel is updated every 6 weeks. The stable channel is also on its way to users.

Actual Microsoft Edge Versions

The actual pre-release versions of Edge Chromium at the moment of this writing are as follows:

I have covered many Edge tricks and features in the following post:

Hands-on with the new Chromium-based Microsoft Edge

Also, see the following updates.

Support us

Winaero greatly relies on your support. You can help the site keep bringing you interesting and useful content and software by using these options:

If you like this article, please share it using the buttons below. It won't take a lot from you, but it will help us grow. Thanks for your support!

Advertisеment

Author: Sergey Tkachenko

Sergey Tkachenko is a software developer who started Winaero back in 2011. On this blog, Sergey is writing about everything connected to Microsoft, Windows and popular software. Follow him on Telegram, Twitter, and YouTube.

2 thoughts on “Enable Dark Mode for All Sites in Microsoft Edge”

  1. For Step 2 – there is a missing colon in the address to access the config page…

    I greatly love the Winaero blog and I wish that Safari mobile for my iOS 12 would render it correctly instead of displaying it as if I were using a desktop system.
    :]

    1. Stella beat me to it. Where it says ‘edge//flags/#enable-force-dark’ it should say ‘edge://flags/#enable-force-dark’

      This website is fantastic. I visit it very frequently. It’s a treasure trove of information for tweaking and/or customizing Windows 10. Thank you so much, and keep up the great work!

Leave a Reply

Your email address will not be published.

css.php
Using Telegram? Subscribe to the blog channel!
Hello. Add your message here.