Изменить цвет фона моего виртуального агента Watson

Question

Я создал бота с помощью Watson Virtual Agent и встроил его в свой веб-сайт. Могу ли я изменить цвет фона окна чата, чтобы он соответствовал другим цветам на моем сайте?

Answer 1

Вы можете изменить цвета виджета чата в соответствии с вашим брендом.

Фактически, каждый цвет, который используется в виджете чата, настраивается.

Чтобы выбрать свои собственные цвета, вы можете поставить свои собственные цвета как часть вашего config объект, который вы передаете IBMChat.init функция.

Пример ниже включает цвета по умолчанию, но заменяет шестнадцатеричные коды по своему усмотрению.

 var config = {};
 //set your other config params

config.styles = {
    background: '#3d3d3d',
    //the main background color
    accentBackground: '#AF6EE8',
    /*the background for "accent" elements.
    These are the attention grabbing elements like a selected button,
    or a loading spinner*/
    accentText: '#ffffff',
    //the text color for the accentBackground
    text: '#ffffff',
    //default text color
    link: '#ffffff',
    /*default link color... this should be a color that works both
    with the "background" color and the "secondaryBackground" color.*/
    secondaryBackground: '#464646',
    /*this is the background for elements that get some emphasis,
    but not as much as "accent" elements. e.g. An unselected button
    or a container box for a widget.*/
    secondaryText: '#f7f7f7',
    inputBackground: '#464646',
    //background color for your form elements, including the main chat input
    inputText: '#f7f7f7'
}

IBMChat.init(config);