Hide youtube logo/doodle from video page

[AdamDee64]

⚬ PROBLEM:
When I choose to hide the logo in the header, it only works on the menu pages and not the video pages, leaving the logo and the doodle visible. The doodle is often animated, brightly colored and distracting

⚬ SOLUTION:
I would like the logo/doodle removed from the video pages like it is from the menu pages

⚬ ALTERNATIVES:
Hiding the header completely removes the search bar from the video page, but I often use the search bar to naviage so that's not an option

⚬ RELEVANCE / SCOPE:
This appears to be an incomplete feature in the app and I am sure many would benefit from this as they don't want to see the logo and doodle while watching a video

⚬ "SIDE EFFECTS":
None that I can see, the logo will be hidden for those who choose that option and not hidden for those who don't

[raszpl]

youtube/js&css/extension/www.youtube.com/appearance/header/header.css

Line 151 in fa7833b

html[it-header-hide-logo='true'] #logo-icon yt-icon-shape {visibility:hidden}

doesnt work in Firefox because Google servers different HTML to FF :|

ff:
<span class="yt-icon-shape yt-spec-icon-shape"><div style="width: 100%; height: 100%; display: block; fill: currentcolor;">...</div></span>
chrome:
<yt-icon-shape class="style-scope yt-icon"><icon-shape class="yt-spec-icon-shape"><div style="width: 100%; height: 100%; display: block; fill: currentcolor;">...</div></icon-shape></yt-icon-shape>
needs
html[it-header-hide-logo='true'] #logo-icon .yt-icon-shape

[ImprovedTube]

hi! and thanks @AdamDee64 what browser?

hi @raszpl, #2223 (comment) (these reports seemed related to the current Youtube Doodle. Still works for me in Firefox. )

[raszpl]

Looking at HTML current CSS logo rule also covers ytd-yoodle-renderer element, so #2223 is indeed fixed