Jump to content

How to define the default Color Theme Color in 7.1.?

Recommended Posts

  • 4 weeks later...
  • 4 weeks later...
  • 4 weeks later...
On 7/17/2021 at 7:04 AM, laura_c said:

@ArminB, I've figured out a way to do this!

Open up the Squarespace app and click on 'Edit' in the top right corner, then click the paintbrush icon. Click on 'Colours', then 'Site Theme'. From here you can set the default theme for the site.

Crazy that this workaround is needed. Here's to hoping that Squarespace add this back in again soon.

I don't have a "site theme" option.  anyone else have this problem?

Link to comment
On 7/27/2021 at 2:48 AM, hardipandiua said:

Using the Color Palette as a base, the system adds black and white to the mix, then generates a set of 10 Color Themes that can be assigned to any section you create.

These themes cover a range of shades from light to dark, each with a Minimal and Bold version. One of the themes will be marked as Default.

This theme will be automatically applied to each section you create while building your site.

The Default Theme is selected in this view (Design → Colors), and is outlined to indicate its status. To change the Default, just click on your preferred Theme. Customize any Theme (after dialing in your Color Palette first) by clicking the pencil icon for each Theme (shown while you hover your mouse).

You can really tweak those colors to exactly what you want … each Theme contains colors for all major section elements like backgrounds, headings, text, and buttons. 

Visit my blog Thanks!

My Design>Colors does not indicate any "default" theme. When I click a theme, it just enters the window to customize (regardless if I click the pencil or not). Did Squarespace change this?  Or am I missing something?

Screen Shot 2021-08-12 at 2.41.15 PM.png

Screen Shot 2021-08-12 at 2.41.27 PM.png

Link to comment
  • 7 months later...
  • 3 weeks later...
  • 1 year later...

I can't edit my site theme. I can't find it anywhere to edit the default theme. For some reason, it is black text on a black background for my paywall, 404 page, etc. Any advice?

Link to comment
  • 1 month later...
  • 1 month later...

The site theme

On 4/11/2024 at 5:28 PM, Beca said:

I can't edit my site theme. I can't find it anywhere to edit the default theme. For some reason, it is black text on a black background for my paywall, 404 page, etc. Any advice?

Did you end up getting this fixed? 

When you say you can't edit you site theme, do you mean the default or ANY of the color themes? 

You can edit your paywall (checkout) under:
Pages → System Pages → Checkout 




Link to comment
On 6/2/2024 at 3:05 PM, Polivantage said:

i can't do this via the app either. there is no setting for it, is there some code i can use? please help.


The only way to change the default completely (right now) is to meticulously edit the elements in the theme that is set as your default - usually its Lightest 1. You can double check that by adding a blank section to a page and seeing which theme auto fills. 



If you just want to change the default background color, the code is below. This will automatically change the color of the "gaps", the 404 background, the cart background and any other system pages that use the default. It will not change the default Color Theme in anyway. All properties on those pages will still follow the default theme (again the best way is to edit every property in that specific color theme to match what your ideal results. 


.site-wrapper {
    background-color: #ECECEC !important;


Note: If you change the site wrapper background from a lighter color to a darker color or darker to a lighter color, the font and other elements will likely be illegible. If this is what you want to do, then OPTION 1 is your best option.

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.