Custom theme

Setting the colors of On-site Chat 🌈

Under Custom Theme, you can customize the primary color and text color of On-site Chat. By switching Custom Theme on, you will be prompted to choose a primary color for the chat plugin. Note: the secondary color is always white.

To set your preferred color:

1. Enter a hexadecimal code value in the text input field.

2. Click on the square next to the input color to bring up your browser's color picker tool. You can then set the color via RGB, HSL, the eyedropper tool, or a sliding scale.

If you have set a primary color, you'll also be prompted to choose black or white for your header text. This is the text in the bar at the top of On-site Chat. Make sure to choose whichever option has more contrast with your chosen background color to keep it legible.

In most cases, we recommend using the default colors for On-site Chat (black and white) as it tends to provide a consistent look and feel