Skip to content

Twitch transparent Player by spider1996

Screenshot of Twitch transparent Player
Write a review Install Get Stylus

Details

Authorspider1996

LicenseCC0-1.0

Categorytwitch.tv

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes the Player background Overlay transparent

Notes

2.0 - splitted the Styles into seperate styles instead of one big style. This one is like the classic 1.0 Version and only hides the player background

Source code

/* ==UserStyle==
@name           Twitch transparent Player
@namespace      https://userstyles.world/user/spider1996
@author         Spider1996
@description    `Makes the Twitch Player Overlay transparent`
@version       2.1
@license        CC0-1.0
@preprocessor   stylus
@var checkbox PlayerTopTransparent "Top Overlay transparent" 1
@var checkbox PlayerBottomTransparent "Bottom Overlay transparent" 1
@var checkbox HideClipButton "Hide Clip Button" 0
==/UserStyle== */
@-moz-document domain("twitch.tv") {
    /* Twitch Player transparent */
    if (PlayerTransparent) {
        /* Top in Twitch Player transparent */
        .top-bar {
            background: transparent;
        }

        /* Bottom in Twitch Player transparent */
        .player-controls {
            background: transparent;
        }
        
        if (HideClipButton)  { 
        
        #channel-player > div > div.Layout-sc-1xcs6mc-0.kqyuWK.player-controls__right-control-group > div:nth-child(1) {
            visibility: hidden;
        }
        
        
        
        }
    }
}

Reviews

No reviews yet.