DEV Community

Discussion on: Dark Mode and webapps

Collapse
 
niorad profile image
Antonio Radovcic

It depends on the medium, the surroundings, and the font-weight/size.

When the contrast between your surroundings and your screen is to high, it gets uncomfortable.

White on black is better readable on projectors, especially crappy ones. With black-on-white, the white area bleeds too much into the letters. With w-o-b the letters can "shine".

Also recent studies show, that white-on-black is healthier for the eye.

Personally, I prefer white-on-black for terminals and coding, black-on-white for reading and writing, except at night or dark rooms.

Collapse
 
priteshusadadiya profile image
Pritesh Usadadiya

Interesting analogy Antonio. i guess personal preference matters a lot in this regard.
I was just reading something on Graphic Design

This was a take on by Graphic Design on Stack Exchange

Most studies have shown that dark characters on a light background are superior to light characters on a dark background (when the refresh rate is fairly high). For example, Bauer and Cavonius (1980) found that participants were 26% more accurate in reading text when they read it with dark characters on a light background.

Reference: Bauer, D., & Cavonius, C., R. (1980). Improving the legibility of visual display units through contrast reversal. In E. Grandjean, E. Vigliani (Eds.), Ergonomic Aspects of Visual Display Terminals (pp. 137-142). London: Taylor & Francis

Ok, 26% improvement – but why?

People with astigmatism (aproximately 50% of the population) find it harder to read white text on black than black text on white. Part of this has to do with light levels: with a bright display (white background) the iris closes a bit more, decreasing the effect of the "deformed" lens; with a dark display (black background) the iris opens to receive more light and the deformation of the lens creates a much fuzzier focus at the eye.