Minimal Starter Template With Automatic Dark Mode

Dark mode for GeneratePress done minimally.

I made an ultra-minimal starter site template for the dark mode gang. It comes with an automatic dark mode for supported systems and browsers. The template heavily relies on `prefers-color-scheme' CSS media feature.

I showed it to Tom the other day, and he said it's cool to share this with the community.

Demo: jot.sh

Key features of Jot:

- Automatic dark mode. Follows Google’s best practices.
- Grayscale filter while in dark mode. Applicable to img, code, kbd, pre, samp, and blockquote.

How to import Jot.

Step 1: Download the JSON file and import it to your GeneratePress settings. Accessible via Dashboard → Appearance → GeneratePress → Import Settings.

Step 2: Copy and paste this CSS to the Additional CSS section. Accessible via Dashboard → Appearance → Customize → Additional CSS.

Improvise the settings and style accordingly.