{"product_id":"dark-mode-toggle-plugin-squarespell","title":"Dark Mode Toggle Plugin","description":"\u003cp\u003eSquarespell's Dark Mode Toggle Plugin adds a sun and moon switch to a Squarespace 7.1 site that flips the whole site between light and dark. Rather than a generic colour inversion, it reuses the colour themes you have already set in Squarespace and remembers each visitor's choice.\u003c\/p\u003e\u003ch3\u003eWhat you get\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eA light and dark toggle in the navigation, the Social Links row or a floating corner button\u003c\/li\u003e\n\u003cli\u003eDark mode built from your own Squarespace colour themes\u003c\/li\u003e\n\u003cli\u003eEach visitor's choice remembered across pages and visits\u003c\/li\u003e\n\u003cli\u003eA preload script that avoids a flash of white on load\u003c\/li\u003e\n\u003cli\u003eCoverage of every page type, including cart and 404 pages\u003c\/li\u003e\n\u003cli\u003eSingle website licence at $25 or unlimited websites at $45\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eWho it suits\u003c\/h3\u003e\u003cp\u003eDesign led brands, portfolios and content sites whose visitors browse at night or simply prefer dark interfaces.\u003c\/p\u003e\u003ch3\u003eHonest limits\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eNeeds Squarespace 7.1 on a plan with Code Injection; Squarespell lists Business or higher.\u003c\/li\u003e\n\u003cli\u003eFirst time visitors start in light mode unless you turn on the follow the system setting option.\u003c\/li\u003e\n\u003cli\u003eThe dark look is only as good as the colour themes you set up, so contrast needs checking.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eHow it is delivered\u003c\/h3\u003e\u003cp\u003eYou buy the licence from Squarespell and download it straight away. Paste the Header and Footer snippets into Custom Code, then Code Injection, choose where the toggle sits, and save. The plugin switches itself off inside the Squarespace editor so editing is unaffected.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eRelated guide:\u003c\/strong\u003e \u003ca href=\"https:\/\/www.squarelocator.com\/collections\/squarespace-styling-plugins\"\u003eSquarespace styling plugins\u003c\/a\u003e and the \u003ca href=\"https:\/\/www.squarelocator.com\/collections\/plugins\"\u003eSquarespace plugins hub\u003c\/a\u003e.\u003c\/p\u003e","brand":"Squarespell","offers":[{"title":"Neutral","offer_id":66220765086045,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1043\/9275\/3501\/files\/squarespace-dark-mode-plugin-light-dark-toggle.webp?v=1792061050","url":"https:\/\/www.squarelocator.com\/products\/dark-mode-toggle-plugin-squarespell","provider":"SquareLocator","version":"1.0","type":"link"}