In an effort to keep up with the latest and greatest, I’ve spent some time over the last few days tweaking the CSS code for the site. This was done to automatically enable dark mode when your device has dark mode enabled. There are no toggles or buttons to hit on the site to make this happen as it automatically detects your device setting and “flips the switch” for you.

This will work on both mobile and desktop versions of the website. You can download the code here. You may need to adjust based on your template.

Some of the sample code I used can be found online at the Squarespace support forum. The original author of the post runs a website.

Stop by and show him some support as his post was a major help.

Enjoy!