更改我的 Watson Virtual Agent 的背景颜色

Question

我使用 Watson Virtual Agent 创建了一个机器人，并将其嵌入到我的网站中。我可以更改聊天的背景颜色 window 以使其与我网站上的其他颜色相匹配吗？

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

更改我的 Watson Virtual Agent 的背景颜色

Change the background color of my Watson Virtual Agent

ibm-watson

watson-virtual-agent