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

Before you begin

• All of the text in your scheduler uses the same font.
• You can change the color of the following elements on your scheduler:
  • Background
  • Scheduler background
  • Header text
  • Scheduler text
  • Button/accent color

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

If your Acuity account isn't attached to a Squarespace website, or if it’s attached but you want to use different colors, you can use the settings under Colors to change them. To customize your scheduler’s colors:

1. Click Scheduling Page.
2. Click Styles.
3. Switch the Match your website toggle off. The toggle only appears if your Acuity Scheduling account is attached to a Squarespace website.
4. Click the element that you want to change, then click a new color from your color palette. You can also click Custom to use the color picker to choose a color that isn't in your palette.
5. 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

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