Oct 14, 2019

Inspired by Jeremy Keith’s post on implementing Dark Mode on the web, I set it up on my blog. It’s really easy!

The diff nearly fits on one screen; most of which is converting colors over to CSS custom properties. Once that’s configured, Dark Mode is easy as pi:

@media (prefers-color-scheme: dark) {
:root {
--primary-color: #efefef;
--secondary-color: #1a1a21;
--link-color: #1f8dba;
}

I’m developing on Windows these days, which has supported Dark Mode for a while. So testing it out was pretty easy: