adrianmgg / streamlabs-chat-widget-improvements

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

features

  • twitch chat pronouns integration
    image
  • colorize and/or italicize /me commands
    image
  • use twitter's twemoji for emojis, scaled up to be the same size as twitch emotes
    before: image
    after: image
  • display unlocalized names alongside localized names
  • ...and more

setup instructions

  1. go to the streamlabs chat widget settings at https://streamlabs.com/dashboard#/chatbox
  2. enable custom HTML/CSS
    image
  3. click 'add custom fields'
    image
  4. click 'edit custom fields'
    image
  5. paste the contents of custom_fields.json into the text area, then click update
    image
  6. switch to the html tab, paste the contents of html.html into the text area
    image
  7. switch to the css tab, paste the contents of css.css into the text area
    image
  8. switch to the js tab, paste the contents of js.js into the text area
    image
  9. click 'save settings'

legal/attribution stuff

  • twemoji is Copyright 2020 Twitter, Inc and other contributors

About

License:MIT License


Languages

Language:JavaScript 59.3%Language:CSS 29.6%Language:HTML 11.0%