Dark Mode for Websites That Ignore System Preferences
Patrick Bushe · May 1, 2026
Sites that ignore your system's dark setting simply don't have a dark theme to switch to.
Modern Dark Mode handles them by adding a CSS filter to the whole page, marked !important, which flips its colors however the site is coded, then flips images and videos back. Because it works on the drawn page rather than the site's color values, inline styles and hardcoded white backgrounds are covered too. Sites that do follow your system setting will already be dark, so exclude those in the popup to stop them being flipped back to light.
Related Answers
More guides on similar topics
How to Force Dark Mode on All Websites Without Breaking Images
Modern Dark Mode darkens every site and flips images, videos and SVGs back to normal. Chrome's force-dark flag is a less predictable option.
how to get dark mode on websites built in 2010How to Get Dark Mode on Websites Built in 2010
Modern Dark Mode works on the drawn page, not the site's code, so old table layouts and inline styles don't stop it.
best dark mode for reading code documentation onlineBest 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.
detect midjourney images from metadataDetect Midjourney Images From Metadata
What metadata Midjourney images may carry, how to read it, why it's often missing, and other ways to tell if an image came from Midjourney.
easiest way to switch between light and dark mode per siteEasiest Way to Switch Between Light and Dark Mode Per Site
Modern Dark Mode is on everywhere by default; tick 'Exclude this site' in its popup to keep a site light. It remembers your choice.
easiest way to toggle dark mode for adhd readersEasiest Way to Toggle Dark Mode for ADHD Readers
Modern Dark Mode has a one-click switch and an Alt+Shift+D shortcut. For focus, ADHD Reading Focus shows one paragraph at a time.