https://github.com/chylex/transparent-twitch-chat

Why decide between missing a PogChamp or sacrificing precious screen space, when you can have the best of both worlds!
https://github.com/chylex/transparent-twitch-chat

javascript tampermonkey twitch userscript violentmonkey

Last synced: 3 months ago
JSON representation

Why decide between missing a PogChamp or sacrificing precious screen space, when you can have the best of both worlds!

• Host: GitHub
• URL: https://github.com/chylex/transparent-twitch-chat
• Owner: chylex
• License: gpl-3.0
• Created: 2017-05-03T19:44:18.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-03-06T03:28:07.000Z (almost 2 years ago)
• Last Synced: 2024-11-07T09:02:34.191Z (3 months ago)
• Topics: javascript, tampermonkey, twitch, userscript, violentmonkey
• Language: JavaScript
• Homepage:
• Size: 153 KB
• Stars: 43
• Watchers: 5
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Transparent Twitch Chat

![](https://repo.chylex.com/transparent-twitch-chat.png?)

# Features

Transparent Twitch Chat is a user script that improves your PogChamp experience in the **Theater mode**.

* Chat width, location, and opacity are customizable

  * Click the current chat width value to set a custom value

* Chat filters (comma-separated list of words, see [the guide](https://github.com/chylex/Transparent-Twitch-Chat/wiki/Chat-Filters))

* Toggle between default purple theme and gray theme

* Individual or all badges can be hidden for less clutter

* Options to hide the chat header, input box, pinned cheer, and the conversation panel

* (Firefox only) Chat scrollbar is hidden by default and only appears when you scroll

### Tips

* The *Smooth Text Shadow* option makes chat look nicer, but is also very CPU intensive

* If you want fullscreen with chat, enter **Theater mode** and press **F11** (Firefox/Chrome/Opera) or **Shift+Win+Enter** (Edge)

---

# How to Install

First, you need to install a *userscript manager* into your browser. If you don't already have one installed, I would recommend one of these:

* [Violentmonkey](https://violentmonkey.github.io/get-it/) (**Firefox 57+**, **Chrome**)

* [Tampermonkey](https://tampermonkey.net/) (**Edge**, **Opera**, **Safari**)

* [Greasemonkey 3](https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/versions/?page=1#version-3.17) (**Firefox 56 or older**, make sure to prevent it from updating)

Then visit [TransparentTwitchChat.user.js](https://github.com/chylex/Transparent-Twitch-Chat/raw/master/dist/TransparentTwitchChat.user.js) to prompt the installation.

### Changing the Settings

In order to change settings, move your cursor over the chat and click the gear icon in the bottom right corner. You can then close the dialog by clicking on the icon again (or anywhere outside the dialog area).

![](https://repo.chylex.com/transparent-twitch-chat-settings.png?v=1)

### Release Notes

Visit the [Release notes](https://github.com/chylex/Transparent-Twitch-Chat/wiki/Release-Notes) page to see a list of changes across all updates.

### Issues & Feedback

[Open a new issue](https://github.com/chylex/Transparent-Twitch-Chat/issues) if you found a bug or have a suggestion for improvements and new features. When reporting a bug, please include the exact name and version of your browser, and a list of all addons and userscripts you have installed.

### Support Development

Please, consider supporting the development by donating via [PayPal](https://paypal.me/chylex) or [Patreon](https://www.patreon.com/chylex).