Chrome dark mode not working on websites? Why pages stay white
Published
In short: Chrome's dark mode was never meant to darken every site. Google says it makes your homepage, toolbar, settings and “some other pages” dark.[1] Each website picks its own colors, and only sites built to follow your device's dark setting will switch.[2] Experimental flags exist, but Google warns they can break things.[3]
Chrome dark mode not working on websites is one of those problems that isn't really a bug. You turn on dark mode, the toolbar goes dark, and then the page you actually read stays bright white. Chrome is doing what it promised. It just promised less than you thought.
What Chrome's dark mode actually darkens
Google's help is precise about it. In Dark mode, “your homepage, toolbar, settings, and some other pages will be dark”.[1] That's Chrome's own interface. The websites you visit aren't on the list.
Why websites stay white
A web page chooses its own colors. Light pages with dark text have been the default since the first browser, and that assumption is even built into browsers' default styles, Chrome's included.[2]
Sites can follow your preference, though. A feature called prefers-color-scheme lets a site detect whether you've asked your system for a light or a dark theme.[2] If the site's makers designed a dark version, it switches. If they didn't, it stays white, whatever you do in Chrome.
So the real question is: has the site built a dark version, and does it know you want it?
How to get more websites in dark mode
- Set Chrome to dark. At the bottom right of a New Tab page, select Customize Chrome. Under “Appearance”, choose Dark, or Device to follow your computer.[1]
- Turn on dark mode on your computer too. Google's help points to your system settings on Mac, Windows and Chromebook.[1] That system setting is the preference sites can read.[2]
- Reload the page. Then check whether the site switched by itself.
- Look for the site's own theme setting. Many sites and web apps have a theme option in their settings, separate from Chrome's.
Still white? Then the site has no dark version. No Chrome setting will change that.
What about Chrome flags?
You'll find advice online to turn on an experimental flag that forces every page dark. Google did experiment with this: in 2021, Chrome 96 started testing an “Auto Dark Theme” on Android that generates a dark version of light sites.[4] But flags come with a clear warning.
- They're temporary. Google says flags “may change, break, or be removed in the future without notice”, and they aren't settings.[3]
- They carry risks. Changing flags can make you lose browser data or compromise your security and privacy, and Google says most users shouldn't need to modify them.[3]
- If something goes wrong, go back to chrome://flags, select Reset all at the top, and relaunch Chrome.[3]
There's also a quality issue. A color-flipping trick doesn't know what a photo, a logo or a chart is, so it can turn them into something that looks like an old film negative.
The limits of the built-in options
- Chrome only darkens Chrome. Pages depend on each site.[1]
- Your system setting only works if the site supports it.[2]
- Flags aren't a lasting fix. They can disappear without notice.[3]
Docs, Sheets and Slides in real dark mode. Keeptab Dark turns the whole Google Docs, Sheets, Slides and Excel page dark. Images keep their colors, and there is no white flash. Alt+Shift+D turns it on or off.
Add to Chrome — it's freeThe worst offenders: documents
The pages people complain about most aren't news sites. They're the documents they stare at for hours. Google Docs, Sheets and Slides stay white in a browser on a computer, and so does Excel for the web.
That's what we built Keeptab Dark for. It's a Chrome extension made only for those four apps, so it can get them right instead of flipping every color.[5]
- The page itself goes dark, not only the toolbar.[5]
- Photos, logos and charts keep their real colors.[5]
- Files open dark, with no white flash.[5]
- Your file doesn't change for anyone else.[5]
The Soft gray theme is free. For the details on Docs, read our guide to Google Docs dark mode.
FAQ
Why is Chrome dark mode not working on websites?
Because Chrome's dark mode darkens Chrome itself: the homepage, toolbar, settings and some other pages. Websites choose their own colors and only switch if they were built to follow your device's dark setting.
How do I make all websites dark in Chrome?
There's no built-in setting for that on a computer. Set both Chrome and your computer to dark so that sites that support it can follow. Experimental flags exist, but Google warns they can break or disappear and may put your data at risk.
Are Chrome flags safe for dark mode?
Google says flags are temporary, aren't settings, and that changing them can make you lose browser data or compromise your security and privacy. If you try one, you can undo it with Reset all on the chrome://flags page.
Sources
- Google Chrome Help. Browse in Dark mode or Dark theme. https://support.google.com/chrome/answer/9275525?hl=en&co=GENIE.Platform%3DDesktop
- web.dev (Google). prefers-color-scheme: Hello darkness, my old friend. https://web.dev/articles/prefers-color-scheme
- Google Chrome Help. Learn about Chrome flags. https://support.google.com/chrome/answer/16552482?hl=en
- Chrome for Developers. Auto Dark Theme (2021). https://developer.chrome.com/blog/auto-dark-theme
- Keeptab Dark. Dark mode for Google Docs, Sheets, Slides and Excel. https://keep-tab.com/dark/
Docs, Sheets and Slides in real dark mode
Keeptab Dark turns the whole Google Docs, Sheets, Slides and Excel page dark. Images keep their colors, and there is no white flash. Alt+Shift+D turns it on or off.
Add to Chrome — it's free
Keeptab Dark