Customizable theme for Streamlabs Twitch chat widget.
- Smoothscrolling Chat
- Easy to customize
- Copy all the code/files needed (html,js,css,custom-field) to your Streamlabs widget dashboard (https://streamlabs.com/dashboard#/chatbox)
Most of the features can be customize using the 'custom fields' section on your widget dashboard.
Twitch provide specific color for each user. To use this color, you have to include it manually on the html file/code as needed. The variable is {color}
. For example:
<div class="name" style="color: {color}">
<div class="username-box" style="background: {color}">
<div class="message-box" style="border-color: {color}">
{color}
does not work on the css file/code afaik. Must be put inline on to the html file/code as shown. It will overwrite the css if used.
To disable smoothscrolling, simply remove the javascript file/code or restore the original code.