StreamElements Chatbox

Add to your overlay Instructions

I plan on adding this to the overlay widgets thingy for everyone to see but while it's on WIP you have to

1. Press the + sign on the overlay creator
2. Add a static / custom -> custom widget
3. In the settings menu select open editor
4. Copy and paste each file into each of the respective tabs (index.html -> html tab, style.css -> css tab, etc)

Configuration

You can configure:

General

• Maximum ammount of displayed messages
• Exclude certain chatters messages from showing

Username Field

• Color of username text
• Color of username background
• Username font size

Message Content Field

• Color of message content text
• Color of message content background
• Message content font size

Plans

• Add configurable padding
• Add configurable margins for messages
• Add animations
• Add font selection
• Add option for timestamps

I plan on adding configurable padding, configurable margin between messages, animations, etc, but its like 3 am at the time of this commit and im TIRED