[Resolved] Minimal Starter Template With Automatic Dark Mode

[m1qnet]

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.

[Leo]

Thanks for sharing 🙂

[Junior Gong]

Just a follow up: is this still working?

[Leo]

I believe so. We haven’t implemented before so I’m not sure.

Worth gibing a shot I think.

[m1qnet]

Updated the Github links.

https://github.com/m1qnet/jot/blob/master/generate-settings-export-12-18-2019.json

https://github.com/m1qnet/jot/blob/master/additional.css

[Author]

Posts