White Gradient shows up on YouTube videos when using Force Dark Mode

[mala16]

mala16 last edited by

So far I've been loving Opera but I absolutely hate the white gradient that appears when you hover over the video, if anyone has a fix please let me know

[leocg]

leocg Moderator Volunteer @mala16 last edited by

@mala16 As said in the several other topics about it, for now the solution is to disable Force Dark Pages.

[astock2299]

astock2299 @mala16 last edited by

White Gradient Fade over YouTube controls? This is caused by a dark mode inversion issue on an applied gradient style. Whatever you do… Do not remove the Dark Content Mode just for YouTube. Save your eyes.

Just apply this little bit of CSS logic.

.ytp-gradient-bottom { 
visibility: hidden; 
} 
path { 
fill: #FF5733;  
} 

I also took the liberty of changing the Path Fill color to Red to accentuate the video controls (and icons) across the page for added soothing.

I hear you ask… How to save custom CSS? There are a couple ways, but it's easier to just to use a Browser extension. TamperMonkey for Opera, and StyleBot for Chrome.

I'm not sure how the TamperMonkey extension works but I can't imagine it being any different than StyleBot.

For example in StyleBot once you install it, just go to YouTube. Click on the extension, then the 'Code' Tab, and add the CSS.