A Simple Guide to Dark Mode with Gatsby.js

Everything you need to know to setup Dark Mode for your site.

Victor Zhou
Jun 19 · 4 min read

I recently finally implemented Dark Mode for my blog, so it seemed appropriate to publish a short walkthrough for anyone else wanting to do the same thing. This post will use a Gatsby.js site as an example, but the concepts here apply to really any server-side rendered site (e.g. using Next.js, too).

Let’s get started!

Note: this post assumes working React.js knowledge and basic understanding of web