我认为它看起来不错！
怎么做的
要为Streamlabs聊天框编写自定义代码，您需要在聊天框设置页面上打开“启用自定义HTML / CSS”选项。 然后，它将在同一页面上向您显示代码编辑器。
CSS最后只有几行-指定了主要的聊天消息颜色和聊天框的背景颜色。
JavaScript涉及更多一些-我需要在显示的每个聊天消息中动态更改昵称的颜色。 此颜色必须在Dracula颜色主题之内，但仍暗示the头最初选择的颜色。 整rick 我最终使用了一个很酷的库，称为Nearest Color，这是一个巨大的帮助。
我使用MutationObserver API监视传入的新聊天消息。我将新消息的昵称颜色传递给Nearest Color方法，然后使用最接近的Dracula匹配项重新设置昵称的DOM元素的颜色样式。
最终的完整JavaScript代码如下。 随意复制和粘贴自己的聊天框小部件！
新的聊天配色方案获得了观众的好评，甚至有人指出，与网站上的Twitch聊天色相比，它们的对比度更好。 更不用说我认为它看起来超级好。
希望本文能激发您修改流布局的外观和感觉，并为您提供了一些新的技能和思想！
快乐流streaming
