How to Enable Dark Mode in Chrome | Two Settings, One Toggle

Enabling dark mode in Chrome requires turning on two separate settings — one for the browser interface itself, and a hidden experimental flag to darken actual websites.

Most people who search “dark mode” in Chrome end up switching the browser theme to Dark and wondering why every website still glares white. That’s because Chrome keeps its UI theme and website darkening in completely different places. One lives in standard Settings; the other is buried in an experimental flags page. The good news: both take under thirty seconds each, and once they’re set, you never touch them again.

The real fix depends on which “dark mode” you actually want. If all you need is a dark toolbar and menus, the standard UI setting does the job alone. If you want every site you visit — news articles, forums, search results — to render with a dark background, you need the experimental flag. Most people want both. Below is exactly how to do each one, starting with the quick UI toggle, then the deeper web-content setting that makes the real difference.

The Standard Dark UI Theme — What It Actually Does

This setting changes Chrome’s own chrome: the tab bar, the address box, the bookmarks bar, and the Settings pages. It does not touch the content of websites. If you enable this and still see white backgrounds on your browsing tabs, that’s working as designed — you just need the second method.

To turn on the dark UI theme:

1. Open a New Tab in Chrome.
2. Click Customize Chrome at the bottom right of the page.
3. Under Appearance, choose Dark.
4. Alternatively, click the 3-Dot Menu > Settings > Appearance > Mode dropdown > Dark.

Setting it to Device makes Chrome follow your operating system’s theme — if Windows is set to dark, Chrome goes dark automatically. That’s the default most people actually want for consistency, but it still won’t darken the websites themselves.

Force Dark Mode for Every Website — The Experimental Method

This is the setting that changes how web pages render. Chrome has a hidden experimental feature called “Force Dark Mode for Web Contents” that tells the browser to invert or darken every page’s background. It’s been stable for years despite the “experimental” label, and most users never encounter visual issues. Still, it’s not in the main Settings — you access it through Chrome’s flags page.

Here’s the exact sequence:

1. Type chrome://flags/#enable-force-dark into the address bar and press Enter.
2. The Experiments page opens with the Force Dark Mode for Web Contents option highlighted.
3. Click the dropdown next to it and select Enabled.
4. Click the Relaunch button at the bottom right of the window.

When Chrome restarts, every website you visit will show a dark background with light text. The browser’s UI will also stay dark if you enabled the theme from the first method — the two work independently, and you need both for a fully dark browsing experience.

The success sign: after relaunch, open any major site like CNN, Wikipedia, or Reddit. If the background is dark, it worked. If the pages look broken — white text on white backgrounds, for instance — some sites’ CSS doesn’t play well with forced dark mode. That leads to the trade-offs below.

What Breaks With Force Dark Mode — And How to Handle It

The experimental flag works well on most sites, but a few things can go wrong. Some websites with complicated CSS — especially those using semi-transparent layers, white icons on white backgrounds, or custom color schemes — can look garbled. You might see a white box where a chart should be, or buttons that seem to vanish.

Developers can also opt their sites out of the auto-dark feature entirely by adding a <meta name="color-scheme" content="only light"> tag or using the CSS rule color-scheme: only light. When a site does this, Chrome’s flag simply won’t touch it — the page stays bright no matter what you toggle on your end.

If you hit a broken site repeatedly, your options are: turn off the flag entirely via chrome://flags (set it back to Default and relaunch), or switch to an extension that offers per-site control. The extension route is actually the safer long-term play for readers who want dark mode on most sites but need exceptions.

The Extension Alternative — Dark Reader

Dark Reader is the most widely used dark-mode extension for Chrome. It inverts page colors intelligently — not a simple invert that breaks images, but a smart algorithm that keeps photos looking normal while changing backgrounds to dark gray or black. You can toggle it on or off per site from a toolbar button, adjust brightness and contrast, and whitelist sites that should stay light.

The trade-off: it’s an extension, so it uses a small amount of memory and CPU for its color processing. On most machines the impact is invisible, but on low-powered laptops you might notice slightly longer page-load times on heavy sites. The flag method is lighter on system resources because it’s part of Chrome’s rendering engine. Pick the flag for performance, pick the extension for control.

Dark Mode on Mobile — Android and iOS

Android users get a middle ground. After enabling the #darken-websites-checkbox-in-theme-setting flag, a checkbox appears inside Settings > Theme that says “Apply Dark themes to sites, when possible.” This asks websites to serve their own dark version if they have one, rather than forcing a blanket inversion. It’s gentler than the desktop flag and rarely breaks layouts.

On iOS, Chrome follows the device’s system-wide dark mode. Flip the switch in iPhone Settings > Display & Brightness > Dark, and Chrome’s UI goes dark automatically. Website darkening depends on whether the site itself has a dark theme — there’s no flag or extension for iOS that forces dark mode onto every page.

Google Docs Dark Mode — The Desktop Workaround

Dark mode is not available natively in Google Docs on the desktop web version. The mobile apps (iOS and Android) have it built into their settings, but if you edit documents in a Chrome browser on a PC or Mac, you need a different approach. There are two paths:

• Google Docs Dark Mode extension: A dedicated extension like Google Docs Dark Mode applies a dark theme specifically to Docs pages without affecting your other tabs.
• Manual page color: Go to File > Page Setup in your Google Doc, set the page color to a dark gray or black, then highlight all text and change the text color to light gray or white. It’s clunky and doesn’t carry across documents, but it works in a pinch without any extension.

Most heavy Docs users prefer the extension route. The manual method is best saved as a one-off for a single document you need to read in a dark room.

Dark Mode Checklist — Do These in Order

Start with the UI theme so Chrome’s own interface stops glaring at you. That alone takes 20 seconds and costs nothing in compatibility. Next, enable the flag if you want websites to follow suit — this is the step that turns the entire browsing experience dark. If you hit any broken sites after that, install the Dark Reader extension and set it to toggle on most sites while leaving the problematic ones light. Finally, if you use Google Docs on the desktop, grab the Docs-specific extension so that reading and writing documents doesn’t force you back into a white screen.

That sequence — UI theme first, then flag, then extension for exceptions — gives you a dark browser that stays dark across everything you actually do. No missing piece, no white flash between tabs, no futzing with settings again later.