How to Override Website Colors with Dark Mode
Patrick Bushe · May 1, 2026
Some sites use pale brand colors that are hard to read on white.
Modern Dark Mode overrides a site's colors without reading them: it flips the colors of the whole page, so light backgrounds become dark and dark text light, and each color keeps roughly its hue. That makes pale, low-contrast text stand out more against a dark background, but it doesn't replace brand colors with a standard palette. For more control, raise the Contrast slider, or turn up Grayscale to drop color entirely.
Related Answers
More guides on similar topics
Best Dark Mode for Reading Code Documentation Online
Modern Dark Mode darkens docs pages and keeps code colors' hues roughly intact. Docs with their own dark theme, like MDN, are better left to it.
best free system-wide dark mode extension for chromeBest Free System-Wide Dark Mode Extension for Chrome
Modern Dark Mode is free, darkens every site in Chrome and collects no data. A truly system-wide dark mode is a Windows or macOS setting.
chrome dark mode extension with no performance hitChrome Dark Mode Extension with No Performance Hit
Modern Dark Mode uses one CSS filter instead of rewriting each page's styles, so it does very little script work. No extension costs nothing.
how to perform qa testing on websites automaticallyHow to Perform QA Testing on Websites Automatically
Chrome's DevTools Recorder records and replays form tests; Playwright and Cypress handle larger suites. AutoBrowser isn't a test tool.
how to permanently ban a site from your google resultsHow to Permanently Ban a Site from Your Google Results
Block a site in uBlacklist and it stays hidden from your Google results until you unblock it. Search Cleaner can't block sites.
how to permanently delete the youtube explorer tabHow to Permanently Delete the YouTube Explorer Tab
YouTube removed its Trending page in 2025. Ultimate Adblocker doesn't hide the menu's Explore section, but it can hide Shorts.