网络聊天:如何更改网络聊天中卡片的边框颜色?

时间:2019-09-27 09:19:04

标签: botframework

我正在使用MS Bot Framework网络聊天,并从默认的硬蓝色更改为重音,如下所示:

const styleOptions = {
  accent: '#73ADC6',
  ...

这很好地改变了用户头像的颜色,但不知何故,卡牌的寄宿生仍然是旧的硬蓝色。这个怎么可能?如何更改卡的边框颜色?

在查看以下选项时,我看不到任何东西:https://github.com/microsoft/BotFramework-WebChat/blob/master/packages/component/src/Styles/defaultStyleOptions.js

非常感谢!

border color of web chat

2 个答案:

答案 0 :(得分:0)

我从没使用过,但是在您发送的文档链接中,这两个选项似乎可以完成您想要的操作。 bubbleFromUserBorderColor或bubbleBorderColor。 我想这就是你想要的。

答案 1 :(得分:0)

附加图像中显示的按钮是与卡片不同的RecommendationAction(您可以引用这些属性here。将adaptableAction附加到sendBox时,将在网络聊天记录中发送卡片。允许用户在按钮保持静态的同时滚动,同时还允许按钮在选择后消失。

目前,没有可通过网络聊天选项来更改建议的Action边框颜色或其他属性的选项。

因此,您需要短期内直接更改CSS。请注意,这将影响所有将呈现的button。将以下代码放入您的index.html文件中。为了覆盖该元素/类的任何网络聊天默认样式,必须使用“!important”标识符。

希望有帮助!

button {
  background-color: #73ADC6 !important;
}

enter image description here