c#之如何使用SDK V4在C#中修改WEBCHAT中BOT和USER输入的UI

我正在尝试更改我的网络聊天机器人的布局，以便: 1. 用户消息有不同的颜色和气泡 2.机器人回复应该有不同的颜色和气泡 任何人都可以解释或指导我一步一步的代码，以便使用 C# 在 BOT V4 中应用相同的代码吗？ 一步一步我的意思是: 1. 是否有任何配置或设置要在何处、以何种顺序进行 2. 如果有任何代码要写在哪里，如何写，在哪个区域或部分写什么代码 喜欢明智的详分割步指南，抱歉，但我是机器人和编码的新手，因此询问详细指南

预期结果:机器人和用户应该使用不同的 UI、颜色或气泡 实际结果:需要有关如何实现它的分步指南。

请您参考如下方法:

您的案例在网络聊天的 GitHub 页面的“自定义”部分下进行了描述。

关于泡泡的颜色:https://github.com/Microsoft/BotFramework-WebChat/blob/master/SAMPLES.md#change-font-or-color

所以你可以看到它像下面这样:

<!DOCTYPE html> 
<html> 
  <body> 
    <div id="webchat" role="main"></div> 
    <script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script> 
    <script> 
      const styleOptions = { 
        bubbleBackground: 'rgba(0, 0, 255, .1)', 
        bubbleFromUserBackground: 'rgba(0, 255, 0, .1)' 
      }; 
 
      window.WebChat.renderWebChat({ 
        directLine: window.WebChat.createDirectLine({ secret: 'YOUR_BOT_SECRET' }), 
 
        // Passing "styleOptions" when rendering Web Chat 
        styleOptions 
      }, document.getElementById('webchat')); 
    </script> 
  </body> 
</html>