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

I'm still wondering if there is a solution for defining the default color for a website.
For instance, the DARKEST 2 is set for the "Checkout Page" and where's an option for that?

I have the same problem and would like to fix it too! Any help?

@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.

On 7/17/2021 at 4:04 PM, laura_c said:

I've figured out a way to do this!

Thanks @laura_c!

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?

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?

There is no site theme option in the desktop editor. But you can change this in the Squarespace mobile app.

It's insane that you need the mobile app to set this. It used to be available on the desktop. Every site I generate seems to select a random default color theme with no way to change it on desktop. Is there a fix in the works for this @Squarespace?

@stevehurst From your lips to God's ears!

At least Squarespace could mention in their corresponding help section that it's indeed possible to change the default color theme using their mobile app! Even the official support team wasn't aware of this solution!

Many thanks to @laura_c providing a solution!

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?

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 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 

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.

OPTION 1:

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. 

OPTION 2:

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.

So, I've been struggling with this Default Site Color Theme thing on 7.1

Maybe it's an old issue and I'm late to the party, but I finally figured out that my site was using the color theme "Light 2" as the default.  

This was causing color issues with "gaps" in the layout (like below the footer of the site), loading lags, 404 page, and Product Detail Lightboxes.

I don't remember setting that theme as the default for the page, and I don't know how to pick a different default theme for the page, but I can at least correct the color issues by picking the colors in that theme.

*EDIT: Oh, and just rereading HerMessyBun's previous post, I see that they figured that out as well, but I didn't understand what they were saying until now.