improve video control overlay background (youtube)

[dredstone1]

Refactor video control overlay background

This change updates the background style for the YouTube video player's top and bottom overlays.

Problem:
The prior semi-transparent gradient background looked inconsistent when the area behind the overlays lacked video content.

Solution:
Replaced the gradient with a solid, semi-transparent blurred black background (using rgba and backdrop-filter: blur()). This ensures a consistent appearance for the overlays, regardless of the underlying content.

examples:

(i want to add that i use enhanced youtube, but i checked it without it)
before:

after:

this is not perfect so if anyone have any suggestions, i would gladly use it.

[sameerasw]

We might have to wait till the new re-design arrives soon to determine if this still works before merging 👀

[dredstone1]

there is another design? Again?
Yea that makes sense.

[sameerasw]

there is another design? Again? Yea that makes sense.

hehe :3

[dredstone1]

there is another design? Again? Yea that makes sense.

hehe :3

It can look good in transparent

[sameerasw]

there is another design? Again? Yea that makes sense.

hehe :3

It can look good in transparent

yeah, i hope 🙏

[dredstone1]

is there any news about the new YouTube UI, they are trying out?

[sameerasw]

is there any news about the new YouTube UI, they are trying out?

It's gradually being rolled out to some users... Will at least take 1month+ I assume...

[dredstone1]

is there any news about the new YouTube UI, they are trying out?

It's gradually being rolled out to some users... Will at least take 1month+ I assume...

If you say it is going to be a thing for certain, I think I can close that pr.