I have learned a new term today in terms of light mode – dark mode in user interfaces: contrast polarity. Basically, a positive contrast polarity is a light text on a dark surface (light mode) — just like the physical black ink on white paper. Negative contrast polarity, on the other hand, is the reverse — dark text on a light surface (dark mode).

Now, where else can you use this term? In CSS class-naming, of course!

See the Pen Contrast polarity (light – dark mode) by Brian Dys Sahagun (@briandys) on CodePen.