改变我的沃森虚拟代理的背景颜色

Question

我使用Watson虚拟代理创建了一个机器人，并将其嵌入到我的网站中。我可以改变聊天窗口的背景颜色，使其与我网站上的其他颜色相匹配吗?

Answer 1

您当然可以更改聊天小部件的颜色以匹配您的品牌。

实际上，聊天部件中使用的每种颜色都是可配置的。

要选择自己的颜色，您可以提供自己的颜色作为传递给IBMChat.init函数的config对象的一部分。

下面的例子包括默认颜色，但替换十六进制代码，你认为合适。

 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);