twitch.tv player annoying bottom shadow

I can change the colour of the player from chrome in Inspect but I can't seem to write it properly in stylish for it to work.

.pl-controls-bottom {
linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%,transparent);

Element in inspect:
CSS: https://static.twitchcdn.net/assets/twitch-player-ui-aeb97dde7aeae3ab5741.css
Element:
twitch-player-u…3ab5741.css:10
.pl-controls-bottom {
background: linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.35) 60%,transparent);

bottom: 0;
display: flex;
left: 0;
padding: 4em 0 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: 3;
}

I want to get rid of that annoying shadow at the bottom.
I already got rid of the one on top.

My test attempt:
.pl-controls-bottom {
background: yellow;
bottom: 0;
display: flex;
left: 0;
padding: 4em 0 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: 3;

It does nothing.

Comments

  • Better use stylus

    For me this works
    @-moz-document domain("twitch.tv") {

    .pl-controls-top,
    .pl-controls-bottom {
    background: rgba(0, 0, 0, 0);
    }

    }

Sign In or Register to comment.