Styles & Design

(NOTE: THIS PAGE REFERS TO THE DOWNLOADABLE VERSION ONLY)

You can set the colour of the Bot UI 'header', and the Bot UI 'reply text' for the bot and the user in the ‘style settings’ file, located 'css/style_settings.css’.

HEX CSS and RBG CSS are supported.

The CSS colour setting code looks like this:

Snippet


          

CSS

:root { --color_0: #1A1A1A; /* Header background colour */ --color_1: #000000; /* Bot's message colour */ --color_2: #FF007C; /* User's message colour */ }

Header Logo Image

You can change the logo image in the Bot UI 'header' by replacing the image file located
'assets/logo_large.png'.


Bot Reply Image

You can change the image in the Bot UI 'reply' by replacing the image file located
'assets/bot_image.png'.