Light Text on Dark Background? How to Fix It and Reduce Eye Strain
Does light text on dark background pages give you eye strain? In 2008 I kept finding blogs with white text on black backgrounds that looked stylish for a moment but were tiring to read, and left an after-image when I switched to another site. Back then I used a bookmarklet from Ironic Sans to flip those pages to dark text on a light background. Today dark mode is everywhere, so here is how to fix light text on a dark background in 2026, and how designers can make dark themes easy to read.
Quick answer: To fix light text on a dark background, open the page in your browser’s Reader mode, which shows dark text on a light page, or use an extension like Dark Reader to set your own colours. Also check that your device is not forcing dark mode on websites. Designers should use off-white text on dark grey (not pure white on pure black) with a contrast ratio of at least 4.5:1.
Table of Contents
Why light text on a dark background causes eye strain
For long reading, many people find dark text on a light background easier. Very high contrast, such as pure white text on pure black, can cause glare and a halo effect, especially for people with astigmatism. Thin fonts and small text make it worse. Dark mode is great at night and in dim rooms, but long articles in light-on-dark can be tiring.
How to fix light text on dark backgrounds as a reader
- Use Reader mode: in Safari, click the Reader icon in the address bar; in Edge, use Immersive Reader; in Firefox, click the Reader View icon; in Chrome, open the menu and choose Reading mode. You get clean text with your preferred colours.
- Install Dark Reader: the Dark Reader extension can switch any site to light or dark and adjust brightness and contrast per site.
- Check forced dark mode: some browsers and phones force dark mode on all websites. Turn this off in browser appearance settings if sites look wrong.
- Use your system settings: Windows contrast themes, macOS Increase contrast, and Android or iPhone display settings can make text easier to read.
- Zoom in: press Ctrl and + (Cmd and + on Mac) to make thin text bigger.
Tips for designers: readable dark themes
- Use off-white text (for example #e6e6e6) on dark grey (for example #121212) rather than #ffffff on #000000.
- Meet WCAG contrast guidelines: at least 4.5:1 for normal text.
- Increase line height and use regular, not thin, font weights.
- Offer both light and dark themes and respect the visitor’s setting with the
prefers-color-schemeCSS media query. - Keep long-form reading pages light by default if most visitors read in the daytime.
Other ways to reduce computer eye strain
- Follow the 20-20-20 rule: every 20 minutes, look at something 20 feet away for 20 seconds.
- Match screen brightness to the room, and use night light or Night Shift in the evening.
- Use a modern monitor with a higher refresh rate; see our older tip on changing your monitor refresh rate.
- Make fonts smoother with ClearType on Windows.
Prefer dark mode in apps? See how to turn on dark mode in Snapchat.
FAQ
Is dark mode better for your eyes?
It can be more comfortable in low light, but for long reading in bright rooms many people find dark text on a light background easier.
How do I turn a website from dark to light?
Use Reader mode, or the Dark Reader extension set to light mode for that site.
What is the best contrast for dark mode?
Off-white text on dark grey, with at least a 4.5:1 contrast ratio, works well for most people.
What happened to the Ironic Sans bookmarklet?
It was a 2008 tool that flipped page colours. Today, Reader mode and Dark Reader do the same job better.
Get our free weekly email: new tech guides and tools, no spam.
New and updated tech guides, a free tool worth bookmarking and one useful pick, once a week. No spam, unsubscribe anytime.
One email a week. Unsubscribe anytime. See our privacy policy.
There is nothing I despise more that a White / Light Background. It just kills my eyes. I have a general hatred to all white light, I don’t even have white lights in the house. They are various colors of CFL. The color bulb is usually determined by cheapest price but, I prefer blue or red. Green is okay in small doses but will really strain my eyes after a few minutes. Also, the way I see it, when you are reading printed text (White BG / Black Text) the paper has a matte finish to it, opposed to the ‘Gloss’ finish you can get from an LCD
The article author is right. It hell strain my eyes and after reading that and staring away I see shadow lines in my vision. My mind then feels like orbiting and feels like to puke, some kind of migraine symptoms. It becomes a phobia. Grey won't help either.
I agree with Stanley…I’m a programmer, so I work editing text 8,12, sometimes 20 hours at a time, using an editor set to light colors on a dark background, because I find this creates the LEAST eyestrain. Thus when I do a webpage I do the same thing. I do not like the very high contrast in your example tho; it would be more normal to use green or cyan. White on black is better for highlights. And by “dark” I do not necessarily mean #000000. Contrast is the real issue and it is not as simplistic or “black and white” as you put it here.
Most terminals don’t use white, they use grey, to mitigate the issue. Try pure white text on a black terminal and it gets much more painful.
Personally I prefer light text on black background. I am quite surprised to find there are a lot of people who prefer the other way round. Most site currently have light or white backgrounds with dark or black text. It seems that the choice should be left to the users. Maybe a button on the browser that can let the users invert the color scheme easily if desired ?
Don’t want to make a big issue out of this, but most readability studies are based on 1. ink on paper, or 2. really rotten design (ala Ironic Sans) example.
Here is the result of a scientific study:
* Green on yellow is the best colour scheme in the most conditions – except for italicised Arial, for which it’s the worst.
* Times New Roman on average is much better than Arial. (Surprising when you consider that most usability experts recommend san-serif fonts for on-screen reading).
* The combination which gives the fastest response time is italicised (!) green Times New Roman on yellow background.
* Black-on-grey is much faster to parse than black-on-white.
https://zello.com/?p=91
Good design affects readability. Font, color, kerning, leading, all have an impact.