Don't. Ever. Publish. Stuff. That. ONLY. Supports. Dark. Mode.

I mean, I know a LOT of people love dark mode, and given the benefits that darkening interfaces provides... I get it.

But there are some people (like me) who may be visually impaired. Astigmatism, for example, can make reading text that is white on dark a real PITA. An effect known as "halation" occurs, where each letter behaves as if it were a flashlight, gaining its own halo of light and making all text read more blurry than normal.

No matter how good your glasses are, astigmatism still causes you to see a little blurry—it's something you get used to. But this damn effect makes all the text read as if you don't have your glasses on, or even worse, leading to much more tired eyes or even pain.

For everyone's sake, if you really care about accessibility, respect user preferences. If you want a dark interface by default, offer a light version if the user specifies it (in web design, this would be
prefers-color-scheme: light). The same goes for light interfaces.
Dark Mode Isn’t ‘Easier on the Eyes’ for Everybody

Apple’s new dark mode for iOS 13 can save battery life, but it won’t save everyone's eyes from screen strain.

VICE
@naipotato another thing that needs to be said is that low contrast themes are the worst. I’ve seen light modes made by dark mode users that have strained my eyes because it’s hard to distinguish between parts.

@naipotato the thing that bit me most is when Apple made recovery mode on Macs locked to dark mode and provided no way to change it, making parts of my job literally painful.

I don't do Apple stuff anymore.

@naipotato I don't know if one of their sources ever pointed this out, but paper has long been black text on white...for, like, every book in existence.

How many book reviews have gone "The book's contents are fine, but reading black text on white is an eyesore!"?

@AT1ST Well, it's not the same in that case. Books don't have their own light source, screens do.

@naipotato Well that is kind of the point; it is pretty likely that it isn't that dark mode is better for one's eyes, it's that it's the fact that we're staring into miniature suns powered by lightning.

The solar eclipse could be considered the "Dark Mode" of the sun - doesn't mean we should really be staring at it, "Dark Mode" or "Light Mode".

@AT1ST Indeed. But the truth is that this problem is solved quite well with e-ink displays. Hopefully they can evolve further.
@naipotato @AT1ST
That makes it even worse.
Dark mode simply doesn't work.
@naipotato preach. i have astigmatism, i switched to light themes a while ago and i am so glad everything i make supports light mode
@naipotato also maybe don't use plain white backgrounds and use some lighter colour instead to release eye strain that modern light modes have been critised for.
@Flux you mean... #fff for background?
@Flux @naipotato I generally prefer pure white background at this point, for longer form text content at least. Enough stuff uses it that I've optimized my display brightness levels and room lighting for comfortable reading - and anything that uses an "off-white" background decreases contrast with no other benefit.

@kepstin @Flux @naipotato

This

Dark mode fans complain about too much white when in fact what hurts is an incorrectly set monitor.

Full white should emit a similar amount of light as what a white paper reflects under surrounding lightning.

@naipotato I am still mad that the standardizing bodies decided to remove "prefers-color-scheme: no-preference" and conflate it with prefering light theme

I have a strong preference for light theme yet there's no way to distinguish that from "I don't care"
@lunareclipse @naipotato there was a tag for that ????
@lunareclipse @naipotato related : I recently switched to libre wolf , and was quite annoyed it requires you to disable antifingerprinting to change the preferred color scheme to dark
@minekpo1 @lunareclipse the problem is that knowing whether you use a light or dark theme is one of the many techniques that exist to try to individualize you ​
@naipotato @minekpo1 companies should be banned from using accessibility features for that tbh

@naipotato also desperately pleading for anyone who does bother doing a light theme to check the contrast ratios against basic accessibility guidelines because holy fuck so many of them have terrible contrast that its makes it somehow more difficult to read because its light grey against a white/light background

discord is especially bad for this but also mastodon honestly aint too hot on it either aaaaa i hate it

@avie what bothers me about Mastodon is that they literally did not support prefers-color-scheme until their 5.0 version.

sure, you could always select the theme you liked best from the preferences once logged in, but if you don't have an account there and they share you a link, you're stuck with the theme the instance admin imposed, which is almost always the dark theme.
@naipotato yeah dark mode with my astigmatism is like if you're in a vehicle with really dirty windows at night looking at the smeary headlights, but it's text
@naipotato @forestine so frustrating. enough sites are doing this that i’ve set my phone’s accessibility shortcut to invert the screen.
@brhfl @naipotato i have some dark mode-only sites set to something like 150% so the letters are not a blurry mass (squinting at you, Letterboxd)
@naipotato I make use of a coloured overlay to read text to aid with my dyslexia. Dark themes often end up causing the displayed colour to be massively discoloured, meaning that I've either got to fidget with the colour tone to get it to be correct again (which means I've got to do that for each dark theme I use), or I've just got to deal with it. Light themes are a must.

@naipotato

Thank you for this information. I have astigmatism (severe in the left eye, moderate in the right eye) and I use only light mode on my computer and phone. I thought it was just a personal preference but now I realize that it is physiological as well.

@naipotato just as an extra data point: my astigmatism is much more sensitive to bright mode, so I exclusively use true dark mode (background colour #000000).

So please don’t just support bright mode either.

(Incidentally, please don’t do those too-bright not-really-dark modes with nōn-black background colours, or at least offer a true dark mode as an option. For contrast reasons, the text colour to go with that is #AAAAAA and not #FFFFFF.)

@mirabilos

So please don’t just support bright mode either.Yeah, I said that at the final xd "The same goes for light interfaces.", like: if you want to be light by default, provide a dark version

@naipotato Also, some people actually have a filter that inverts by default, so they then need to change the setting for that single page to not invert…

@naipotato and there's those like me who've had lens implants for whom white mode is painful.

Don't force either! We should not have to load suspicious plugins to force dark/light override of the OS setting.

@david I’m all for this.

We gotta respect the user’s preference and not force either mode.

I made that post as a rant about all the websites I have to visit daily that don’t have a light theme and just force dark mode no matter what (like programming sites, gaming sites, etc)
@david @naipotato sorry, can you help me with that one? Why would you want to use a plugin to override your own OS settings? Just curious… :)
@leadegroot @naipotato Because most websites ignore the OS setting!
@david @naipotato ah, fair enough then :)
Yes they do :(
(I don’t normally do a dark theme option, but was musing about doing one based on os setting, so was worried you had found situations where the os setting didn’t work!)
Danke! :)
@leadegroot @naipotato I use this one, but the free trial is ending… https://nighteye.app
Dark Mode With Night Eye: #1 Dark Mode Browser Extension!

Dark Mode excellence with Night Eye! Trusted by 1M+. Ad-free, smart conversion, customizable settings. Install for 3 months Pro free. Try now!

Night Eye

@naipotato I was struggling with dark mode on mastodon for a long time until I realized I had a much better time browsing it in light mode, and in retrospect the reason for that is probably my astigmatism.

I know I have that but I don't usually think about it cus with glasses it's not too much of an issue in most other contexts.

@naipotato I get this so strongly that the white haloes stay in my field of vision for a *while* after looking at any white text on black background. I’ve learned not to even try reading screen shots that people share from their own dark mode devices.
@ninahatfield Ohhhh I really feel this

when I got shared dark screenshots, I always have to ask for the link in case it's a post, or for the file in case it's code
@ninahatfield @naipotato I get a zebra like afterimage when I have to read dark mode for long. My eyes aren’t that bad astigmatism wise, only 1.5 or so, but I just can’t take dark mode.
@naipotato wait omg it's an astigmatism thing?! no wonder I hate dark mode ahahaha
@naipotato I use the automatic mode (light by day, dark by night) and it's disheartening how many light mode themes are half-assed compared to dark themes (looking at you, Discord)
@naipotato thank you. And when astigmatism is combined with dyslexia, then dark mode is a nightmare.
@naipotato Ahhh! I wonder if I should try switching back to light mode then.. I find this effect too, but lower contrast *really* helps a lot!

@naipotato idk, my website currently is pure css and html, zero js

and I haven't gotten around to making the css modular enough that it can do the funny automatic selecting light/dark by user preference thing just yet

@solonovamax I mean, most of the time just using custom properties (variables) should be enough
@naipotato currently I don't do that lol
@naipotato good callout, i will fix my site

@naipotato infamously a dark mode enjoyer myself and. yeah. browsers support prefers-color-scheme for a reason, and desktop ui toolkits can definitely read that same preference information if you're using one of those

really pissed me off when discord decided to remove their light mode as a wacky april fool a couple years back

that is an accessibility feature you're hilariously taking away from people who need it

(also discord's light theme has pretty awful contrast even when it isn't being switched off for the lulz??? do people not test these things)

@naipotato obviously this doesn't solve the root problem, but Dark Reader, despite its name, has an option to lighten websites. even though it doesn't work as well as its dark filter, it can work on some websites and could help
@luna It doesn't work that well, but it helps :3 It was already suggested to me, but it helps that you mention it so that others can find out
@naipotato Also, I find reducing the contrast between text and background helps.
My websites dark theme uses light purple text on dark blue background, and I haven't had any problems with it. Though I can't speak for everyone, obviously.
@naipotato Yesssss, dark mode causes me considerable eye strain and makes it very difficult to read anything for any length of time.
@naipotato Interesting to learn this has a name after like 30 years of experiencing it

@naipotato Hey, I have astigmatism too, and I found two things which makes life way more easier.

First one is having the correct angle for your lenses. Many doctors prescribe lenses at 30/150, and this is not always the case for everybody (My lenses are at 35/145 degrees). Second one is blue light blocking lenses. It reduces fatigue too much, and when combined with the correct lenses, "halation" is almost eliminated.

This is not to discount your experience though. Just wanted to add a tip!

@bayindirh About the angle, I really can't tell you much. I don't remember the angle of mine. But I did wear glasses with a blue light filter, I even activated the filter on my PC, and nothing :p

@naipotato Oh, I'm sorry to hear that. What's your lens numbers? I assume they're a bit on the high side.

In either case, I hope you find a better combination which makes your life easier.

@bayindirh In my case, I have myopic astigmatism and hyperopia, haha, and as I recall, my astigmatism was 4 and 4.5.
@naipotato thanks for writing this. As someone who has a strong preference for dark mode (light mode really strains my eyes even on lowest brightness, but I can manage), I've often wondered if there was an accessibility aspect to using a light theme in preference to dark. I'm curious whether this also applies to elements where it might be generally "light mode" themed but have an isolated widget like a mid-blue button with white text (as an example), something I see often in UI toolkits - are those troublesome too?
@ds They usually don't cause much problem, because they are small and isolated. The problem arises when more than 50% of the screen is dark.

@naipotato Even as someone who regularly prefers dark mode, I even automated switching between light and dark on my phone to deal with different lighting conditions.

Software that works with both is best

@naipotato I have astigmatism and dark themes feel more comfortable than the light ones, they are so bright that makes my eyes get tired, maybe I'm weird idk.

What I can say for sure is that dark themes that use straight up black for the background or pure white for the letters feel worse than light theme.

I try to use dark themes for coding and light themes for web browsing to read blogs.