White Gradient shows up on YouTube videos when using Force Dark Mode
-
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
-
astock2299 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.
-