Removes the top and bottom gradient that shows when the controls are visible on Hulu, also adds a shadow to the overlay text to make it readable without the dark gradient behind it.
Remove Hulu Overlay Controls Edge Dimming Fade Darkening Effect by thesethers
Details
Authorthesethers
LicenseNo License
Categoryhulu.com
Created
Updated
Size1.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
I probably added too many classes trying to figure out how to make this work, I'm not the best, but it works for me.
Source code
/* ==UserStyle==
@name Remove Hulu Overlay Controls Edge Dimming Fade Darkening Effect
@version 20230505.1.337
@namespace thesethers
@author Seth Adam
==/UserStyle== */
@-moz-document domain("hulu.com") {
/* I threw the whole kitchen sink of background gradient classes because I kept running into problems when doing a few, some might be unnecessary - but as far as I could tell they don't remove anything besides the background gradient/fade/dim*/
.ControlScrims,
.ControlScrim__bottom,
.ControlScrim__top,
.ControlScrim__gradient,
.PlaybackControls,
.BottomUiControls__playbackControls,
.PlaybackControls,
.VolumeControl,
.PlaybackControls__item,
.BottomUiControls__playbackControls,
.PlayerSettingsGroup,
.BottomUiControls__playerSettingsGroup,
.Timeline,
.Timeline__sliderContainer,
.Timeline__slider,
.ControlsContainer__panel,
.FliptrayWrapper,
.FliptrayWrapper:before,
.FliptrayWrapper:after,
.hulu-player-app[min-width ~="2160px"] .ControlScrims .ControlScrim__bottom .ControlScrim__gradient,
.hulu-player-app[min-width ~="1440px"] .ControlScrims .ControlScrim__bottom .ControlScrim__gradient,
.hulu-player-app[min-width ~="1024px"] .ControlScrims .ControlScrim__bottom .ControlScrim__gradient,
.hulu-player-app[min-width ~="768px"] .ControlScrims .ControlScrim__bottom .ControlScrim__gradient,
.hulu-player-app[min-width ~="480px"] .ControlScrims .ControlScrim__bottom .ControlScrim__gradient,
.hulu-player-app[min-width ~="320px"] .ControlScrims .ControlScrim__bottom .ControlScrim__gradient {
background: none !important;
text-shadow: 2px 2px #000;
}
}