Jump to content

Can anyone make a switch to toggle between light and dark mode like Apple's feature?

Recommended Posts

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

Link to comment
  • 1 year later...
  • 4 weeks later...
5 hours ago, Screenful said:

Hey @inunzi, could you please share the code here so that other people could find it from the google search?

Yes! I found this article online, and I would hope that it works in your favor. I haven’t tried to add this on my site yet, so I’m not sure about the results at the moment, but it’s worth a try. Here is the url:https://henryegloff.com/how-to-code-a-simple-dark-mode-toggle/

Let me know if it works for you. 
thank you!🙂

Edited by inunzi
Link to comment
  • 1 year later...

New Dark Mode plugin released

In case anyone is interested I've made a (paid) Dark Mode Plugin for Squarespace

It's currently the best plugin available.

It has automatic mode and a manual button. It doesn't have a flash of white like other plugins. Easy to customise, has nice animations and you can even upload a dark version of your logo. It's not free, but I've spent over 2 months coding it to be nearly perfect. 1-on-1 support included.

Blog Post

I've also written a blog post on Medium.com Squarespace Dark Mode – Ultimate guide

Free tutorials

How to Add Dark Mode & Light Mode Toggle to your Squarespace Website by Squarestylist
This popular video is 100% free. Video takes 15 minutes, has a lot of manual work. Some comments say it doesn’t work on mobile (or at all) and some sections don’t turn dark. 

How to Implement Dark Mode via Custom CSS on Squarespace by worldsepsisday.org
This tutorial will make a simple automatic dark mode (no button) for Squarespace 7.0. 

Dark mode tutorial by Michaen Henry
Unfortunately this website has now expired 😞

Edited by codeandtonic

Freelance Squarespace developer making plugins like Full-Width Blocks, Hover effects for grid gallery and the Darkmode plugin. I know Squarespace inside out and I'm able to solve pretty much any Squarespace code problem.

Get in touch here!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.