How to Get Dark Mode on Any Website

Most sites still have no dark mode, and the ones that do often get the colours wrong. Here is how to force a readable version of any page — and how to change the palette itself, not just the background.

The short answer

Install an extension that converts pages as they load. Every site goes dark, including the ones whose owners never built a dark version and never will.

Chrome has an experimental flag that forces dark mode, and it is worth knowing it exists — but it works by inverting colours, which produces black photographs, unreadable charts and text that disappears against its own background. It solves the brightness and breaks the page.

What you want is something that understands the difference between a background, a body of text and an image, and treats each one differently.

It is not only about the background

This is where most dark mode tools stop, and where the interesting part begins.

Turning a page dark is one adjustment. The colours on top of that background are a separate problem, and often the bigger one.

Contrast that was comfortable on white can become harsh or muddy on black. Pale grey text that read well at midday becomes invisible. Links that were a clear blue disappear into a dark blue background. A chart with six colours chosen for a white page becomes six shades of the same thing.

So a tool worth using does more than invert. It adjusts the palette — brightness, contrast, saturation, and how colours relate to each other — so that the page stays readable rather than merely dark.

Which is also where this becomes useful to people who were not looking for dark mode at all.

Around one in twelve men and one in two hundred women see colour differently, most commonly confusing reds and greens. A great many web pages are built without a single thought for this: a red error message next to green success text, a status shown only by colour, a chart whose entire meaning depends on distinguishing two shades that look identical to a sizeable share of readers.

Being able to shift a page's palette yourself — to change how colours are rendered, rather than hoping the designer thought about it — turns some of those pages from guesswork into readable.

About eye strain, honestly

Dark mode is often sold as being better for your eyes, and the research is genuinely mixed. Some studies find light text on dark backgrounds is slightly harder to read for long stretches. Others find the opposite in dim rooms.

What is not in dispute is the situation everybody recognises: a white page at full brightness in a dark room is physically uncomfortable. Your pupils are wide open for the room and the screen is behaving like a torch.

That discomfort is real, and it is what most people mean when they say a white page hurts. Reducing the brightness of the page is the direct answer to it.

Preference matters more than doctrine here. Some people read better dark, some do not, and a tool that lets you adjust rather than switch is more useful than one that insists.

Example

Reading documentation at eleven at night. The site has no dark mode — most technical documentation does not — and the page is a white rectangle with black text and code samples in pale grey boxes.

Chrome's forced dark mode makes the background black, but it also inverts the code samples into something illegible and turns every diagram into a photographic negative.

A proper conversion darkens the background, lifts the text to a readable weight, keeps the code samples distinguishable, and leaves the diagrams alone. Same page. Still readable. No longer a torch.

Common questions

Why do so many sites still have no dark mode?

Because it is real work. It means a second set of colours for every element, tested on every page. Small sites and older sites never had the budget, and probably never will.

Does dark mode save battery?

On an OLED screen, yes — black pixels are genuinely switched off. On a normal LCD, no; the backlight is on regardless of what it shows.

Will it work on every site?

Nearly all. Pages built in unusual ways occasionally convert badly, which is why a per-site off switch matters more than the conversion quality.

Does it affect what I print or screenshot?

Screenshots capture what you see, so they will be dark. Printing generally uses the site's print styling and comes out normal.

Is this the same as my operating system's dark mode?

No. That changes the appearance of your system and applications. Most websites ignore it entirely.

Night Eye Pro converts any website as it loads, and lets you adjust brightness, contrast and the colour palette rather than simply inverting the page. Per-site control, so anything that converts badly stays as it was. Free, no account.

Get Night Eye Pro →
← How to Block Ads in Chrome How to Speed Up Any Video in Your Browser →