Going Dark (Mode)

14 Oct 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:

darkmode