Customers say
Exactly the plug-in that I was looking for!! Made it easy to add a dark mode toggle to my site. Support was quick to answer any questions. Highly recommended. :)
– Liam McCullough / Designer @ Microsoft
🌗 Automatic Dark Mode for Squarespace
Create a wow effect. Stand out. Your visitors won't want to leave your site!
Twitter has it. Youtube has it. And finally Squarespace has it.
30 second ad
Features and installation
Features
- 👉 Automatic detection
- 👉 Manual button
- 👉 Animated transition
- 👉 Easy to install in 1 minute
- 👉 No coding required
- 👉 No "flash of white"
- 👉 Logo invert
- 👉 Or upload dark logo
- 👉 4 different button placements & 2 button styles
- 👉 Button hover effects & animations
- 👉 Customise colors of every element
- 👉 Invert icons and images easily
- 👉 New feature 2023: image swap! See a demo
- 👉 a lot more!
Requirements
- ❗ Squarespace Business, Commerce or Commerce advanced plan. Plugin requires Complete customization with CSS and Javascript features.
- ❗ The default version of your website should be designed as the normal or "light version". If your website is already dark or black, you can't add a "light" dark mode.
- ❗ If your header uses a logo image instead of text, you must use the same logo file for desktop and mobile headers if you want to switch between dark and light logo versions.
Dark Mode Plugin updates and bug fixes
26 Mar 2024
Updated a breaking bug by Squarespace's new HTML. data-section-themes instead of CSS classes.
24 May 2023
Image swap added. You can show and hide any image, block, or even an entire section, when dark mode is on or off. It's also smart, showing it faded when editing so you can still edit freely.
May 3 2023
Improvements to the search page on dark mode, including a dark version for the magnifying glass icon, search results and search input placeholder text.
Dec 7 2022
Fixed a bug where portfolio pagination links didn't turn dark in some cases.
Nov 9 2022
Fixed gallery section lightbox backgrounds. Added option to easily invert icons etc.
May 26 2022
Added option to manually invert any image or element. Perfect for icons.
May 25 2022
Fixed a bug where logo invert did not work on mobile for some header designs. Added a snippet to hide the fixed floating button on mobile screens (useful if you already have another button on mobile so there aren't 2 buttons).
Apr 14 2022
Fixed a bug where buttons had a wrong mouse cursor on OS X Safari.
Apr 11 2022
A huge update. 🔥 You can now use ANY color themes as the dark mode AND in your normal bright version! No coding! 100% automatic.
Apr 10 2022
Added 4 different button placements & 2 button styles. Added button hover effects & animations. Added option to customize the colors of every element.