Minimal Dark Mode
Dark mode in two declarations.
I’ve been looking for a way to invert colours for a while, and here it is. Currently using and it appears to work perfectly.
By Jens Meiert. Originally published 04/11/22.
Liked this?
Consider subscribing to the RSS feed. That way, you’ll get notified whenever I post anything new. If you’re not sure about RSS feeds, I wrote a guide to RSS.
Previous link Programming Portals
Next link Big Tech’s Algorithms Are Built With Invisible Labor
Comments
Add a comment
Poorchop
The problem with this is that it can result in high contrast, which is almost as hard on the eyes as a light theme for me personally. White on black results in text getting burned into the eyes, which is immediately clear if you stare at text for a few seconds and then close your eyes.
Leon
@poorchop,
Yes, that’s a good point. The problem is that by just inverting colours in dark mode we assume we can retain the same comfortable contrast as light mode (if indeed that is comfortable).
At the moment in light mode I have a white background which inverts to black (#000), and a dark grey foreground (#333 which inverts to #ccc), so I’m light grey on black rather than white on black.
This feels OK to me, but harsher than what I had before when I was setting dark mode colours rather than simply inverting them. I guess the solution is to tone down the background colour in light mode as well.