私のWatson Virtual Agentの背景色を変更してください

Question

私はWatson Virtual Agentを使用してボットを作成しました。私は自分のWebサイトに埋め込みました。チャットウィンドウの背景色を自分のサイトの他の色と一致するように変更できますか？

Answer 1

あなたのブランドに合わせてチャットウィジェットの色を変更できます。

実際、チャットウィジェットで使用されるすべての色は設定可能です。

独自の色を選択するには、オブジェクトの一部として独自の色を指定して、IBMChat.init関数に渡します。

以下の例では、デフォルトの色が含まれていますが、実際に表示されているように16進コードを置き換えます。

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