Skip to content

Customizable theme/custom css for Streamlabs Twitch chat widget.

License

Notifications You must be signed in to change notification settings

hckoalla/streamlabs-chat

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

streamlabs-chat

Customizable theme for Streamlabs Twitch chat widget.

Feature

  • Smoothscrolling Chat
  • Easy to customize

How To Use

Customization

Most of the features can be customize using the 'custom fields' section on your widget dashboard.

Specific Customization:

Twitch Colorful Color/Background Color

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.

Smoothscrolling

To disable smoothscrolling, simply remove the javascript file/code or restore the original code.

License

MIT license

Donate

KOFI Donate

Screenshot

image

About

Customizable theme/custom css for Streamlabs Twitch chat widget.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • CSS 71.1%
  • HTML 15.0%
  • JavaScript 13.9%