Page cover image

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:

  • headerBg

  • buttonIconColorHover

  • buttonPrimaryBgColorHover

  • buttonSecondaryBgColorHover

  • buttonLinkBgColorHover

  • buttonQuickReplyBorderHover

  • buttonQuickReplyTxtColorHover

  • chatButtonBackground

  • chatButtonBackgroundMobile

  • chatButtonBackgroundColorMobile

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

Last updated

Was this helpful?