During video playback on Peacock's web application, overlays naturally appear when hovering the mouse and using keyboard controls while the browser is in focus. These overlays are important as they contain crucial video controls such as pause, play, volume, etc.
However the overlays are very dark and the contained text is very large which makes the actual video content difficult to see while the overlays are present. Since it takes several seconds for the overlay to fade out, it can be frustrating to watch video on Peacock if you are using the mouse and keyboard for other purposes simultaneously. This extension aims to make these overlays much less obtrusive with a few key CSS overrides:
* remove the grey opacity of the overlay's background.
* reduce size of the text within the overlay (show/movie title, episode title.)
* scale down the size of video playback controls and scrubber.
