Editing your Acuity scheduler's colors and font

Change the colors and font on your scheduler.

You can use the Styles panel to:

• Match your scheduler’s colors to your Squarespace website, if you have one
• Customize your scheduler’s colors
• Change your scheduler’s font

Match your scheduler’s colors to your site’s color palette

If your Acuity Scheduling subscription is attached to a Squarespace website, you can match your scheduler’s colors to your site’s color palette. A color palette is a group of colors used together throughout your site to create a specific mood and brand identity. If your Acuity subscription is attached to a 7.1 site, your site’s color themes also apply to your scheduling block.

To apply your website’s color palette to your scheduler elements:

1. Click Scheduling Page.
2. Click Styles.
3. Switch the Match your website toggle on.
4. Click Save in the top-left to save your changes.

Changing your color theme

Your color palette generates different color themes for your scheduler. Your color theme controls which color from the palette applies to each element on your scheduler. You can change to a different preset color theme, which are listed under the Match your website toggle:

1. Click Scheduling Page.
2. Click Styles.
3. Switch the Match your website toggle on.
4. Choose from the themes listed under the Match your website toggle.
5. Click Save in the top-left to save your changes.

Customize your scheduler’s colors

You can change the color of the following elements on your scheduler:

• Background
• Scheduler background
• Header text
• Scheduler text
• Button/accent color

To customize your scheduler’s colors:

1. Click Scheduling Page.
2. Click Styles.
3. If your Acuity subscription is attached to a Squarespace website, switch the Match your website toggle off, then skip to step 5.
4. Click Colors, click the color theme you want to edit, then click the pencil icon.
5. Click the element you want to change. You can use a preset color from the Palette tab, or click Custom to use the color picker.
6. When you've updated all the elements you want to change, click Save in the top-left to save your changes.

Change your scheduler’s font

All of the text on your scheduler uses the same font. To change your font:

1. Click Scheduling Page.
2. Click Styles.
3. Click Font.
4. Click a new font, then click Save in the top-left to save your changes, or click Back in the top-right to return to the Styles panel to make more changes.

Tip: To create a scheduling experience for the broadest audience possible, it's important to keep accessibility in mind when styling your scheduler.

Change the button/accent color

The Button/Accent Color changes the button background color on your scheduler and in your email notifications. The text color used for the buttons on your scheduler is either black or white, depending on the Button/Accent Color you choose, and can't be changed manually.

If the buttons in your email notifications appear blank, your Button/Accent Color may be set to the same color as the text color in your email templates. To make the text appear, either update the Button/Accent Color or change the font color in your email templates.