Google doesn't make it obvious how to turn on Chrome dark mode, at least not in the desktop browser. In the Chrome app for Android and iOS, enabling the feature is slightly easier, as we'll explain.
Although a dark mode for websites was added to Chrome way back in 2019, in version 78 of the browser, it remains hidden, which means you won't be able to turn it on unless you know exactly where to look. Knowing how to get dark mode in Google Docs is a similarly opaque process.
That's a shame, because dark mode is a very useful browser feature. By eliminating harsh bright light, it helps reduce eye strain when you're browsing the web, especially on sites with white backgrounds, including many of Google's own services.
Dark mode also helps extend battery life when you're using your laptop or mobile device, because dark sites require less power to display.
We'll explain how to turn on Chrome dark mode in the desktop and mobile versions of the browser.
How to turn on Chrome dark mode in Windows
Like many Windows programs, Chrome will switch to dark mode when you set Windows to use its "dark theme."
However, this doesn't darken the contents of web pages, so it's far from a "full" dark mode. Here's how to turn it on, anyway.
1. Right-click your Windows desktop and choose Personalize from the context menu.
2. Click Colors under Personalization and select Dark from the "Choose your color" drop-down menu.
3. Alternatively, choose Custom in the menu and select Dark under the option "Choose your default app mode."
4. Chrome will now switch to a dark theme, which will apply to the browser's toolbars, tabs, menus, settings, and your homepage, but not to websites.
How to turn on Chrome dark mode for websites
As explained above, activating dark theme in Windows only makes cosmetic changes to the Chrome browser, but not to the contents of web pages.
Chrome's hidden dark mode, however, is much more useful. It reverses the colors in websites to turn white backgrounds to black and black text to white. It also makes images in pages less garish, so they don't strain your eyes.
Here's how to turn on Chrome's secret dark mode.
1. Open the Chrome desktop browser and type, or copy and paste, chrome://flags/#enable-force-dark into the address bar. Press Enter to access Chrome's Experiments page.
2. The option Force Dark Mode for Web Contents will be highlighted at the top of the page. Click the menu next to this and select Enabled.
3. Click the Relaunch button in the bottom-right corner of the browser. When Chrome relaunches, dark mode will be applied to the contents of all web pages.
How to turn on Chrome dark mode on Android and iOS
The Chrome mobile app for iPhone, iPad and Android phones and tablets makes it easy to turn the Dark theme on (and off) in the browser.
However, as with the desktop browser, this only applies to menus and settings pages, unless you combine it with the proper dark mode we've described above.
Here's how to turn on full dark mode on Android and iOS.
1. Tap the three-dot button in the top-right corner of the Chrome app and choose Settings from the menu that opens.
2. Swipe down and tap Theme. On the Theme screen, select Dark and the Chrome browser will turn dark. However, when you load a web page, you'll see it's unaffected by the theme.
3. Type chrome:flags into the address bar and press Enter on your phone or tablet keyboard. Type dark into the "Search flags" search box.
4. Tap the menu below the option Force Dark Mode for Web Contents and select Enabled. Tap the Relaunch button in the bottom-right corner to apply the change.
5. Alternatively, to save you delving into Chrome's settings to turn dark mode on and off, select Enabled for the option Darken websites checkbox in themes settings.
6. Relaunch the Chrome app and go back to the Theme screen (see step 2). You'll now see a check box that lets you Darken websites when you turn on the mobile browser's Dark theme.
I noticed that a plug in called "Dark Night Mode" uses something called css stroke="currentColor" which makes them to appear ok except that many other features in the plugin e.g. no support for Chrome settings pages and mainly disappearance of floating icons in gmail renders it unusable.
I was wondering is there was a way to edit the Chrome built in Dark mode to use the currentColor either by writing a dedicated plugin for it or requesting a feature from Google or editing the actual Chrome plugin, extension or mode?
Your article seems to have currently the most updated version about the feature.
This is the BBC Weather website in question which uses lots of SVGs.
Unfortunately using both Dark Mode and Dark Night Mode together does not solve the problem.