Display all websites in dark mode with a Chromium-based browser without plugins

Following my tutorial Display all websites in dark mode with a Chromium-based browser, I thought it would also be useful to explain how to do it without using a plugin.

Setup

• Open Google Chrome and type chrome://flags in the address bar
• In the small search bar, type: dark
• Look for the option Auto Dark Mode for Web Contents or Force Dark Mode for Web Contents
• Change the value to Enabled with selective inversion of non-image elements to enable dark mode without altering images
• Finally, click the Relaunch button to restart the browser

On Brave, it looks like this:

Here is a non-exhaustive list to access the flags page, depending on the browser:

• Brave: brave://flags
• Google Chrome: chrome://flags
• Microsoft Edge: edge://flags
• Opera and Opera GX: opera://flags

Avoiding issues

If some websites do not display correctly in dark mode:

1. Install the Stylus [ chrome.google.com ] extension if you don’t already have it
2. Go to Manage styles and click Create new style without checking the small box just to the right.

   
3. Name the style for example Light mode, choose URLs on the domain and enter the problematic domain such as google.fr, then write the following code:

   :root {
   color-scheme: light only !important;
   }

   It should look like this:

   

   Finally, click Save.
4. Go back to the problematic website, it should now be in light mode.
5. For another problematic website, go back to your style and click the in the top-right corner to add another domain.

Appendix

Now that you have Stylus, you can also enjoy my themes available on breat.fr in the Web customization section. 😊