search

trmcnvn / twitch-chat-overlay

💬 Overlays the Twitch chat while in fullscreen mode (Firefox/Chrome)
MIT License
15 stars 8 forks source link

Suggestion: 100% opacity + Transparent background #26

Open amartini opened 4 years ago

amartini commented 4 years ago

Hi, awesome extension! I modified it using CSS, so the opacity is always 100%, but the background is transparent. I'm also hiding the title bar and leaderboard. If you want to implement it, here's the CSS you need:

Outside (or remove the code that handles opacity change)

tco-ext-element { opacity: 1!important; }

Inside the iframe:

body { background: transparent!important; } .chat-room { background: rgba(0,0,0,0.05)!important; } .stream-chat-header, .channel-leaderboard { display: none!important; }

tco-ext-element-titlebar { background-color: rgba(255,255,255,0.05)!important; }

ItsDanielHarris commented 3 years ago

Tampermonkey script to control the opacity on the fly.

https://gist.github.com/TheWebAuthor/46da6e49f67ddc9a123d8249fd218d3a