Forum Discussion

HotCakeX's avatar
Oct 30, 2019

Latest Edge Canary build lets you enable dark mode for websites

 

 

 

 

You need to be on the latest version of Edge insider Canary

The flag was first added in Version 80.0.317.1

 

Then you have to head over to the edge://flags/ and Enable this flag:

 

Force Dark Mode for Web Contents

Automatically render all web contents using a dark theme. – Mac, Windows

#enable-force-dark 

 

 

Here are the options it offers

 

 

 

 

  • Blasto669's avatar
    Blasto669
    Copper Contributor
    Does anyone know if they are planning to implement a dark mode option for the Android version?
  • Noel Burgess's avatar
    Noel Burgess
    Steel Contributor

    HotCakeX 

     

    I've been using an extension* to do this for some time, so it's really good to have native functionality.

     

    Not every page is fully provisioned for dark mode, though, so it is helpful to be able to turn it off for the current page. This was easy enough (a keyboard shortcut*) when using the extension; do you or anyone know if this is possible in Edge?

     

     

    *  https://nighteye.app/ allows Alt-Shift-2 to toggle dark mode on and off on the current page.

    • HotCakeX's avatar
      HotCakeX
      MVP
      Hi,
      there is no shortcut available right now since it's only enabled through flags but you're right a shortcut needs to be made because forced dark mode is something that needs to be turned on/off quickly by user

  • Added advantage= No more white flash when opening NTP.

    Well, seems I was wrong about that. No flash when opening NTP but it still happens when switching tabs.

    • HotCakeX's avatar
      HotCakeX
      MVP
      I'm getting the same flash but it's black instead of white, my theme on Windows is dark and Edge is using system theme. force dark mode for websites flag is set to defaults
  • Here are how each one of those options effect web page appearances

     

     

    Simple HSL-based Inversion

     

    Simple HSL-based Inversion

     

     

     

     

    Simple CIELAB based Inversion

     

    Simple CIELAB based Inversion

     

     

     

     

    Simple RGB-based Inversion

     

    Simple RGB-based Inversion

     

     

     

    Selective Image Inversion

     

    Selective Image Inversion

     

     

     

    Selective Inversion of non-image elements

     

    Selective Inversion of non-image elements

     

     

     

    Selective Inversion of Everything

     

    Selective Inversion of Everything

     

    • Robin Nilsson's avatar
      Robin Nilsson
      Bronze Contributor

      HotCakeX I've been really enjoying this feature - it does a great job of flipping all except images. Canary 338 removed the flag though ;( Did it go somewhere else? Dark mode for the header/tabs with white web pages looks awful.

      • HotCakeX's avatar
        HotCakeX
        MVP
        Hi,
        sorry for the late reply, I'm checking now and it's available on 80.0.341.0 Canary.

Resources