The Dark Side of Dark Mode
tidbits.com
tidbits.com
This for me is the crux of dark mode and is where this post falls flat: devices are just simply a different beast. They aren't newspapers or photographs, they are lamps with a color profile hotter than the Sun, and we should treat them differently. That's especially true of mobile devices, where being used before sunrise/after sunset is typical.
It's not the same, but it reminds me of how we think and talk about color (additive versus subtractive). Finger painting as a kid you learn that mixing the three colors — Red, Yellow, and Blue — makes black, but play with a computer and you'll learn that the three colors — Red, Green, and Blue — make white. It's a different system because, simply put, it's an entirely different system.
Strangely, the same can be true for plain old fashioned paper. The other day I was outside and had to look at a paper. Plain, white printed paper with black text. The bright hot sun reflected off of the paper and I couldn't see anything. A darker shaded advertisement however was easy to read.
So it's all relative. In my case I just prefer not to feel bright light blinding me, so I spend most of my time in dark mode editors/etc. My biggest complaint is that websites don't let me choose. I really wish OSs would start enforcing full dark or light modes as an accessibility feature. As I wright this, my HN screen is quite bright. I frequently flip between my dark editor and my bright Slack work screen. Those bright flips kill me.
On desktop I prefer black on white, on phone white on black - but I would generally prefer tuning both down to lower contrast than either OS or websites want to let me. On my laptop I have the darkreader addon that lets me turn contrast down. My phone gets to stick in inverted accessibility mode as a part measure that is the nearest I can get. :( I've never yet had a smartphone that let me set display as I'd like - either on Android or Apple.
The nicer hardbacks and art stock were often more a milky or creamy white, occasionally a more neutral hint of grey. Definitely much whiter than paperbacks, but I think most would be a few steps from the hard brilliant white most often seen now.
But broadly yes, until the advent of chemical bleaching in the 19th century basically all paper products were a light tan. Ditto for animal hide writing media
But you touch on something that makes this worse; I prefer a brighter screen when in dark mode, and a darker screen when in light mode. Again, a relative thing. This is why I want consistency, above all else.
Windows has had high contrast modes which do exactly this for decades. It permeates even web pages, though is no perfect there because--surprise!--few companies test with it.
Slack not having a dark mode is also a thing I don't understand.
https://robertheaton.com/2018/07/02/stylish-browser-extensio...
If I go looking for an extension called "Stylish", will I find the original? Is it trustworthy?
Otherwise, you can customize the color profile to your liking.
Some addition things worth considering
Effective intensity of observed object (last I checked, paper isn't a mirror and doesn't reflect very well)
Frequency profile of the light being observed (cf light from the sun being imperfectly reflected vs lamp being reflected vs direct light source)
Ambient light around observed object which affects both stimulation profile of receptor region of eye AND pupil dilation
So yeah original emitter source isn't the only piece of this puzzle
Whether you're looking "at the lamp" or at a newspaper that reflects light, the end result is the same: photons hit your eyes.
No, I don't buy the green screen argument, any more than the randomness of paper being somewhat white and ink being in contrast to that. Certainly white on black is useful in astronomy, the stuff you are interested in is lit. This article was such a wall of text, I don't know if it ever supported its conclusion very well, which is ironic for an article promoting "productivity".
Not sure what this even means, sarcasm or not.
If the sun could be set in "low brightness", like a screen can (and ignoring infrared), then yes, you _could_ stare in the sun.
Screens should not be brighter than ambient light as a rule of thumb, i.e. if you hold a piece of paper next to your screen, the screen should not brighten up the paper. If it does, reduce brightness of your screen and/or turn up the light in your room.
So, a dark room is not an ideal working environment anyway.
I think it makes all the difference in the world.
Aside from power consumption, e-books and e-paper displays exist for this reason.
> Humans evolved outside, and we are generally active during the daytime and asleep when it’s dark.
The article is probably mostly right for some people.
Well said! VLC (at least on Android) has a day-night theme that switches between dark/light modes at sunrise / sunset. I wish more applications did the same.
It doesnt mean "screens are an entirely different system"
I'm all for giving people the option. Assuming everyone is able is a crux of UI/UX design.
Exactly.
Something that the article doesn’t seem to pick up on is how we read and dark modes effect on that depends on what we’re reading. (The musician example doesn’t quite do it justice).
AKAIK We see the shapes of words first, then some of the letters, then we understand the word. Hence why if y-u blank -ut s-me /etters, y-u can sti// read a sentence.
I find light on dark easier to navigate with code because the “shapes” are easier to determine.
Code is highly structured - even different variable names have different shapes.
Having said that...
Reading a full on research paper or something has to be dark on light for me. I’m reading something with less structure, where the words are one after the other.
So... yeah. It’s context and task dependent. So it’s a good thing there’s a choice.
Optional settings are the beauty of software, they shouldn't be shunned but encouraged.
I'm not arguing against options but I am saying options come with a cost so the benefit has to be deemed to be worth the maintenance burden.
This has been exacerbated by my recent "graduation" to progressive glasses. For whatever reason these seem to cause their own chromatic abberation issues.
Dark mode actually makes the fringing a bigger problem, but I configure everything not to use blues significantly and so it overall makes things more readable for me.
Still, I agree that having both a light and a dark mode is better than having just one of them.
Agree that colored text contrasts better on a black background too.
I still miss that way of doing development, probably more out of nostalgia than actual productivity.
For the same reason I definitely prefer to read long form text in light mode. Which means that I would have to switch between dark and light mode anyway (even if most web content was switchable to dark mode). So it's light mode for me with at most #F5F5F5 background for code
I don't trust results that say black on white put less strain on their eyesight and general congnitive stress, because I've personally consistently felt different. At best it depends on surrounding both backgrounds and light sources.
CD Drives and USB Ports beg to differ
That argument makes no sense. It's like saying we evolved to walk barefoot, therefore shoes are bad for you.
Just because we evolved a certain way, doesn't mean that's the best way to do things.
My hypothesis is Dark mode is less light, and less light is better for your eyes.
But until there are scientific studies on the topic, who knows.
If you were walking barefoot all your life, you'd have strong feet, as evolution wanted.
Low light condition is actually awful for your eyes. I can use drive without glasses in the morning, but at night I really need them, because our eyes are designed for day light conditions.
And by better I mean (from the article): "Light Mode provides better performance in focusing of the eye, identifying letters, transcribing letters, text comprehension, reading speed, and proofreading performance, and at least some older studies suggest that using a positive polarity display results in less visual fatigue and increased visual comfort."
If you've ever had an eye injury or been visually impaired and had to use a computer screen, you'll know the author is just plain wrong here. Absolutely amazing the author cites zero studies dealing with visual impairment.
My anecdote: injured my epithilium in both eyes, almost went blind; looking at a computer screen produced unbearable pain that was only marginally tolerable in dark mode. Developed new empathy for visually impaired people.
As for the other points, its largely subjective but I have dark mode enabled in every app that will support it. On windows, I run the experimental build so I can have more complete dark mode support, and enabled the half baked dark mode in sql server management studio. All my IDEs are set to dark mode, because eye strain is a thing and for me at least dark mode is much easier on the eyes.
Personally, I don't think there is an ideal solution to match all scenarios. There are some applications, where light on black may be superior, and others, where it's the other way round. Empirically, for content-heavy, lengthy text we had a few trends for light on black in the past (e.g. "cool web design" in the late 1990s) and reversed from this soon each time. For an example, I much prefer reading HN comments as-is as compared to a hypothetical dark mode UI.
This isn't entirely true; many CRT-based terminals have phosphors that dim slowly. If they used a black-on-light color scheme, the letters would be washed out a for a lot more time than light-on-black. Light-on-black hides other defects more (like a not-quite-centered horizontal and vertical hold) and may possibly use less power (since the electron gun is off for more time).
I think the point they are making is, why would we have ever moved away from the technologically simpler option if it also happened to be a better design? What made us get rid of terminal colours in favour of black-on-white, when we could have just improved the design of the white-on-black colours?
Now that my vision has somewhat deteriorated with age and I use glasses for driving during the night, I find dark mode annoying and blurry.
My take is that it boils down to this.
Edit: The effect is similar to a pinhole occluder used by an ophthalmologist to test your eyes without the affect of refractive errors from imperfections in your eye lenses. See https://en.wikipedia.org/wiki/Pinhole_occluder
> Vision research has shown that humans prefer dark-on-light.
There are obviously quite many humans who don't. Even if it's scientifically better or god knows what.
I do that. Prefer light-on-dark. Everywhere. I want to paint it black! It's not a hip, style thing. I'm not hip or stylish. I just hate the white and as a day moves on, my hate for that becomes greater. And yes I know about the programs that make your screen brightness lower. I have it on my home PC (and I don't like the yellowish tone...but it's better than nothing I guess). I can't have it on my work PC.
My eyes are deteriorating with age too so this is getting more and more important. That blue light is not good for your retina. There are glasses with filter so you get the blue filtered out everywhere, might be something to look into soon I guess.
It also ignores the fact that we've had light-on-dark mode for ages: blueprints and microfiche, blackboards and granite tablets
I mean, the Rosetta Stone is light-on-dark
@media (prefers-color-scheme: dark) {
}For me personally light interfaces make my eyes hurt.
Dark themes are, for me, without questions MUCH easier on the eyes, irrespective of what this article claims or the science says.
Dark mode is a choice. You don't have to use it. I really hope the choice is preserved and extended into as many interfaces as possible.
Just because YOU don't find it easier on the eyes (article author), does not mean that is true for everyone.
If I was using a light theme in Sublime Text, or Office, or Terminal, I wouldn't be able to last very long in the workday....
Regarding the "dramatic new look" angle, what I find hilarious about this is remembering the vaporware that was MacOS Copland. My family had a Centris 610 and a MacUser magazine subscription. I was so eager to get that HiTech dark mode that I installed Kaleidoscope and Dad was Not Happy.
Apart from the nostalgia of being a kid with a computer customized to the point of dysfunction, there is a sense in which Mojave is a realization of Copland's visual ambition, offering an alternative hi tech theme that takes a step away from the original desktop and paper metaphor.
Interesting article on Kaleidoscope that I found while googling for an example screenshot: http://freshmeat.sourceforge.net/articles/learning-from-kale...
screenshot: http://pcdesktops.emuunlim.com/pictures/ss/hitech.jpg
Tons of folks have used Dark Mode browser extensions for years to stave off the nausea from bright white layouts (and overly-lit rooms!). For us, the widespread adaptation of Dark Mode has been a God-send. Turning down brightness and contrast only works so far.
At one point I read an article about dark backgrounds helping dyslexics read better. I tried it on Kindle and in one year read 6x as many books as the year before, it was like someone had transformed me with a magic wand, I could read and enjoy more of what I was reading.
I haven’t figured out a good way to get dark mode on iOS nor css hacks for dark mode HN. I did find a way to hack dark mode into Slack and Jenkins and those were amazing changes for me (and quite a few of my team).
I worry that people think Dark Mode is a fad, to me it’s a gift and I hope the trend continues.
For this reason, I know a few of us tend to get annoyed when only offered dark modes (or half-baked light modes - looking at you, Discord).
The one thing I do agree is that contrast is king. You should also always have night mode/redshift enabled and choose palettes that use low energy colors to reduce eye strain.
In a bright environment, I strongly prefer "light mode"
The author here does have a point, but I'm not advocating for a world where we choose one over the other in every case. I appreciate designs that support both, because each has it's own advantages and disadvantages.
I have switched to light mode but with a heavy blue light filter and find it much better than dark mode on my eyes.
This is what bugs the ever-living shit out of me about this type of research.
A study may well have been done that shows a majority preference by humans for dark-on-light.
But unless the study showed that every human studied had that preference, it doesn't mean that all humans prefer dark-on-light.
Going from "the bell curve is a bit skewed to dark-on-light" to "vision research has shown that humans prefer dark-on-light, therefore light-on-dark is bullshit" is the thing that bad science journalism does, and it's a blight on humanity.
Seriously, why isn't choosing the text and background color of apps and websites a standard, simple thing?
Allowing users to configure all colors, would be in conflict with apps that use colors as part of some brand identity and for apps where this wouldn't be an issue, I guess most developers decide providing complete customization of colors is not worth the extra development time.
I wholeheartedly agree. My first computer was a FreeBSD terminal in my dad’s office closet. Black screen, white text. Glorious.
Now, can we please get a dark theme for HN?!