Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🐞white transparent light on the title when the video is fullscreen #2845

Open
timeaftertime1 opened this issue Mar 10, 2025 · 5 comments
Open
Labels
Bug Bug or required update after YouTube changes good first issue A GitHub standard for inviting (new) contributors *Congratulations in advance!* help wanted Just an old github standard we add automatically. (The team can remove it when working on it.) up-for-grabs (a github standard for inviting new contributors) - Welcome! ♥

Comments

@timeaftertime1
Copy link

Concise Description

Image im using Hide shadow around player-bar and Transparent background settings for get rid of white lgihts on the top and bottom .it happens because of microsoft edge dark mode . and it works only bottom not on the video title. and it gets only on fullscreen .

Browser/s

Edge

Other Browser:

No response

'Steps to reproduce' - Which of our features is required for the bug to happen?

when i fullscreen the video

Since when?

idk im new

Does the bug still happen when you log out of YouTube?

Yes

..No? Then please paste your yt.config_.EXPERIMENT_FLAGS. Twice (With the error & Without)

No response

Are any errors or related log-messages shown in the Browser-Console? (F12)

No response

Tested as the only active extension? (incognito mode or another browser users):

None

Expected preferred behavior:

No response

ImprovedTube Version

No response

Your Settings (From the Extension's -Hamburger menu > Settings > Backup & reset > Export settings)

No response

Your YouTube-Document

No response

OS / Device:

No response

@timeaftertime1 timeaftertime1 added Bug Bug or required update after YouTube changes good first issue A GitHub standard for inviting (new) contributors *Congratulations in advance!* help wanted Just an old github standard we add automatically. (The team can remove it when working on it.) up-for-grabs (a github standard for inviting new contributors) - Welcome! ♥ labels Mar 10, 2025
@Aniket404
Copy link

I would like to contribute to this issue. Could you guide me on how to get started with the source code, as I am new to this?

@timeaftertime1
Copy link
Author

I would like to contribute to this issue. Could you guide me on how to get started with the source code, as I am new to this?

im illiterate in this topics . idk what can i do for you i dont know anything about that i can do something maybe if you want something specied.

@DaveSmith999431
Copy link

Hi Timeaftertime (and Aniket). Weirdly, I have just done a post with basically exactly the same problem, but I did it as a "Wish for a feature" rather than a Bug, so I got a completely different set of questions and gave different answers to yours, and I have put two different screenshots on, you can have a look on the below links if you like. I instantly use high contrast rather than dark mode, hence my problematic area at the top is black (my chosen colour) rather than your solid grey being the problem.
The reason I didn't do it as a bug, is because, as you say above, I also use “Hide shadow around player bar” and also “Transparent background” settings" to get rid of the bar at the bottom, but when you click on "Appearance", then "Player" (making sure you click on "Appearance" first - NOT the other "Player" main option of course, which, confusingly, sits right next to the "Appearance button!), which then leads you to be able to click on those two options above to remove the bottom bar (or "hide the shadow" rather). If you go back one screen to the screen showing the "Player" option, but without actually clicking on "Player", you will see another option above it called "Header". I was thinking that that is the area that needs to have an option in it to make that top "Header" section of the screen transparent, though I may be totally wrong? - I was thinking "Header" must mean the area showing the title of the video?, hence "Header"? Which is of course exactly the area with the problem. So I was guessing that's why doing the above actions only makes the bottom bar transparent (or "hides the shadow", the "Shadow" of course is the problematic "bottom bar") because it does not relate at all to the "Header" section at the top where the video title is?
So, I have been looking at the "Header" section, it has two transparency options "Transparent background" and "Transparent background alternative" I've tried all combinations of those - it does nothing, BUT!, it does NOT have anything like the “Hide shadow around player bar” option which you get in the "Player" section, answer that is what removes the bottom bar in the Player section. So I am guessing all that is needed is for someone (much cleverer than me! 😁) to slightly change whatever coding is in the “Hide shadow around player bar”, so it makes the top shadow (around the top video title/Header area) transparent/hides the shadow, rather than the bottom one, then put that amended version with a title something like “Hide shadow around Video Title at top" or “Hide shadow around Header", in the options you get when you click on "Header", job done!, but as I say, if that is the solution, it just needs a very kind person to do the necessary 🙏🙏🙏.

Black bar obscuring top of YouTube videos for dark mode or high contrast users in Edge
#2846 (comment)

@Aniket404
Copy link

Hi Timeaftertime (and Aniket). Weirdly, I have just done a post with basically exactly the same problem, but I did it as a "Wish for a feature" rather than a Bug, so I got a completely different set of questions and gave different answers to yours, and I have put two different screenshots on, you can have a look on the below links if you like. I instantly use high contrast rather than dark mode, hence my problematic area at the top is black (my chosen colour) rather than your solid grey being the problem. The reason I didn't do it as a bug, is because, as you say above, I also use “Hide shadow around player bar” and also “Transparent background” settings" to get rid of the bar at the bottom, but when you click on "Appearance", then "Player" (making sure you click on "Appearance" first - NOT the other "Player" main option of course, which, confusingly, sits right next to the "Appearance button!), which then leads you to be able to click on those two options above to remove the bottom bar (or "hide the shadow" rather). If you go back one screen to the screen showing the "Player" option, but without actually clicking on "Player", you will see another option above it called "Header". I was thinking that that is the area that needs to have an option in it to make that top "Header" section of the screen transparent, though I may be totally wrong? - I was thinking "Header" must mean the area showing the title of the video?, hence "Header"? Which is of course exactly the area with the problem. So I was guessing that's why doing the above actions only makes the bottom bar transparent (or "hides the shadow", the "Shadow" of course is the problematic "bottom bar") because it does not relate at all to the "Header" section at the top where the video title is? So, I have been looking at the "Header" section, it has two transparency options "Transparent background" and "Transparent background alternative" I've tried all combinations of those - it does nothing, BUT!, it does NOT have anything like the “Hide shadow around player bar” option which you get in the "Player" section, answer that is what removes the bottom bar in the Player section. So I am guessing all that is needed is for someone (much cleverer than me! 😁) to slightly change whatever coding is in the “Hide shadow around player bar”, so it makes the top shadow (around the top video title/Header area) transparent/hides the shadow, rather than the bottom one, then put that amended version with a title something like “Hide shadow around Video Title at top" or “Hide shadow around Header", in the options you get when you click on "Header", job done!, but as I say, if that is the solution, it just needs a very kind person to do the necessary 🙏🙏🙏.

Black bar obscuring top of YouTube videos for dark mode or high contrast users in Edge #2846 (comment)

I completely understand the issue—while the 'Hide shadow around player bar' setting removes the bottom bar, there's no equivalent option for the top header (video title area). Your suggestion makes perfect sense!

Since I'm new to open source, I'm eager to contribute and learn. Here’s how I’d approach this fix:

Identify where the "Hide shadow around player bar" setting is implemented in the source code (likely in the CSS or JavaScript handling UI elements).
Replicate that functionality for the header section by modifying the appropriate styles or UI behavior.
Introduce a new toggle option under the 'Header' settings, like “Hide shadow around header”, and ensure it applies the necessary CSS adjustments.
Test the changes in dark mode and high contrast to confirm it works as expected.
I’d love to take this on and get guidance from the community if needed. Would you be open to assigning this to me?

@DaveSmith999431
Copy link

Hi Aniket,
That would be absolutely brilliant thank you very much indeed!!!😁.
Your solution sounds exactly right!, and yes, I would love to assign it to you, do I need to do anything to assign it over to you at all? (This is my first ever post on GitHub so all new to me - glad to hear you liked my possible solution by the way).
Thanks again Aniket, for myself, and on behalf of the 82% of all computer users who use dark mode/High contrast who will all be having the same problem!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Bug or required update after YouTube changes good first issue A GitHub standard for inviting (new) contributors *Congratulations in advance!* help wanted Just an old github standard we add automatically. (The team can remove it when working on it.) up-for-grabs (a github standard for inviting new contributors) - Welcome! ♥
Projects
None yet
Development

No branches or pull requests

3 participants