Adjust Chat Colors

To adjust your page header, submit a ticket to our support team. Be sure to include the color codes and indicate which page(s) you'd like the changes applied.

In addition to reviewing the Field Definitions, we recommend looking at the commonly adjusted color fields below:

Primary Colors

• headerBg

• buttonIconColorHover

• buttonPrimaryBgColorHover

• buttonSecondaryBgColorHover

• buttonLinkBgColorHover

• buttonQuickReplyBorderHover

• buttonQuickReplyTxtColorHover

• chatButtonBackground

• chatButtonBackgroundMobile

• chatButtonBackgroundColorMobile

Buttons and Quick Replies Colors

• buttonPrimaryTxtColor

• buttonPrimaryBgColor

• buttonSecondaryTxtColor

• buttonSecondaryBgColor

• buttonLinkTxtColor

• buttonLinkBgColor

Contrast Colors

• headerTextColor

• buttonPrimaryTxtColorHover

• buttonSecondaryTxtColorHover

• buttonLinkTxtColorHover

• buttonQuickReplyBgColorHover

• chatButtonFocusColor

• chatButtonFontColor

• chatButtonFontColorMobile

Variable Theme Settings

The following color fields apply to the chat's send button:

"Send" Button

• buttonIconColor - typically looks best at the primary color

• buttonIconColorHover - typically looks best as a secondary color

The following colors apply to the chat's minimize button:

"Minimize" Header Icon

• headerIconColor - typically looks best at the contrast color

• headerIconColorHover - typically looks best as a secondary color