Directline bot-如何更改用户气泡的字体颜色

Question

我正在尝试自定义我的聊天机器人 UI。因为我目前被困在改变用户气泡的字体颜色上。默认情况下，字体颜色设置为黑色，我想将其更改为白色，我可以使用以下样式选项更改气泡背景颜色。

    const styleSet = window.WebChat.createStyleSet({
        
        bubbleBackground: 'rgba(0, 0, 255, .1)', 
      bubbleFromUserBackground: 'rgba(0, 255, 0, .1)'

    });

任何人都可以帮助使用正确的语法来更改用户和 Bot 气泡的字体颜色。

Answer 1

正如您在网络聊天存储库 defaultStyleOptions.js 中看到的那样，有许多内置且可访问的样式选项。您需要做的就是分别针对用户气泡或机器人气泡的 bubbleFromUserTextColor 和 bubbleTextColor 属性。

const styleSet = window.WebChat.createStyleSet({
        
  bubbleBackground: 'rgba(0, 0, 255, .1)',
  bubbleTextColor: 'rgba(0, 0, 0, 1)',
  bubbleFromUserBackground: 'rgba(0, 255, 0, .1)',
  bubbleFromUserTextColor: 'rgba(0, 0, 0, 1)'

});

希望得到帮助！

Directline bot-如何更改用户气泡的字体颜色

Directline bot- How to change the font color for user's bubble

colors

botframework

direct-line-botframework