Force Dark Mode Webpages in Chrome

This guide shows you how to force dark mode on webpages in Chrome, so sites with bright white backgrounds become dark, reducing eye strain and saving battery on OLED screens. You’ll need the Chrome browser and a few minutes to set it up.

What You’ll Need

Google Chrome (latest version recommended)
Optional: A Chrome profile where you want the change applied

Step-by-Step

Open Chrome and access the flag. In the address bar, type chrome://flags and press Enter. This page contains experimental features.
Search for the dark mode flag. In the search box at the top of the flags page, type dark mode. You’ll see a flag named Auto Dark Mode for Web Contents.
Enable the flag. Click the dropdown menu next to it (default is Default) and select Enabled.
Relaunch Chrome. Click the Relaunch button at the bottom right. Chrome will close and reopen automatically. Make sure you’ve saved any work in open tabs.
Test a webpage. Visit a site that normally has a white background (like a news site or a search engine). It should now appear dark. Note that not all elements may be perfectly dark—images and some videos remain unchanged.
Adjust if needed (optional). If the flag doesn’t work on some sites, try the Force Dark Mode for Web Contents flag (if available) or use the #enable-force-dark flag in older versions. The method is the same: enable and relaunch.

Common Mistakes

Not relaunching Chrome. The flag only takes effect after a full restart. Simply closing and reopening the tab won’t work.
Using the wrong flag. Some Chrome versions have multiple dark mode flags. Make sure you enable the one that says Auto Dark Mode for Web Contents, not the one for the browser UI itself.
Expecting perfect results. Forcing dark mode is not the same as a site’s native dark theme. Some colors may look off, and certain elements like text on images may become unreadable.
Forgetting that this is experimental. Flags are not stable features. They can change or be removed in future Chrome updates.

Tips

Use Chrome’s built-in dark theme for the browser UI. Go to chrome://settings/appearance and choose Dark under Theme. This makes the browser chrome (toolbar, menus) dark, while the flag affects the web content.
Prefer site-specific dark modes when available. Many sites offer a dark toggle in their settings. Using that gives a better result than forcing it.
Consider a browser extension. Extensions like Dark Reader give you more control (e.g., per-site settings, brightness adjustment). However, they may use more resources.
Use the flag temporarily. If a site looks broken, you can disable the flag by going back to chrome://flags, setting it to Disabled, and relaunching.

Troubleshooting

If the dark mode doesn’t appear after enabling the flag:

Check the flag version. In newer Chrome versions, the flag may be named Auto Dark Mode for Web Contents. In older ones, it might be Force Dark Mode for Web Contents. Search for both.
Ensure you’ve relaunched completely. Sometimes Chrome doesn’t close all processes. In the address bar, type chrome://restart to force a clean restart.
Test on a site that uses standard CSS. Some sites use complex styling that the flag can’t override. Try a simple site like example.com to see if the flag works at all.
Check if the site has its own dark mode. If the site detects your system’s dark mode and already adapts, the flag may not change anything because the site is already dark.
Reset all flags. If nothing works, go to chrome://flags, click Reset all at the top right, then relaunch. This will clear any conflicting experimental settings.

Frequently Asked Questions

Does forcing dark mode work on all websites?

No. It works on most sites that use standard HTML and CSS, but sites with complex styling, embedded videos, or images may not be fully dark. Some elements might remain light.

Will this affect my battery life?

On OLED or AMOLED screens, dark mode can save battery because black pixels are turned off. On LCD screens, the savings are negligible.

Is this the same as the system dark mode?

No. System dark mode changes the operating system’s UI and can make Chrome use a dark theme, but it doesn’t force websites to be dark. The flag does that.

Can I force dark mode only on certain websites?

Not with the flag—it applies globally. For per-site control, you’d need an extension like Dark Reader, which allows you to enable dark mode on a per-site basis.

Will this flag be removed?

Flags are experimental and can be removed or changed at any time. If it disappears, you can still use extensions or wait for Chrome to implement a native feature.

Does this work on Chrome for mobile?

The flag method is primarily for desktop Chrome. On Android, you can enable dark mode in Chrome settings, but it doesn’t force dark on all sites. On iOS, the flag is not accessible.

General steps for current mainstream versions; menus can differ by device and version. See the disclaimer or report an error.

More in this bed

The whole Tech How-To bed →