通过 CDN 使用时，如何自定义 flex 网络聊天小部件上的颜色？

问题描述

我正在尝试仅更改客户将使用的小部件的配色方案。我们正在使用 CDN 引入小部件。我只找到了更改我们的代理将看到的 flex UI 配色方案的文档。如何更改小部件上的颜色？

解决方法

遵循 Twilio 文档 here 中所述的主题指南。

然后当 initializing the WebChat via CDN 像这样传递您的品牌信息时：

<script>
  const appConfig = {
    accountSid: "AC...",flexFlowSid: "FO...",colorTheme: {
      overrides: brandedColors
    }
  };
  Twilio.FlexWebChat.renderWebChat(appConfig);
</script>