Skip to content
This day’s portion

Minimal Dark Mode

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.

https://www.thisdaysportion.com/links/minimal-dark-mode https://meiert.com/en/blog/minimal-dark-mode/

Previous link

Next link

Comments

Add a comment

Required fields marked * I won’t publish or share your email address. Privacy statement.

Comments are moderated and won’t appear straight away. Subscribe to the comments feed to see when new comments are published.

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.