All entries I use personally, borrowed here and here
@DandelionSprout, select rules which you like the most :)
P.S: I fixed beginning of rules from www.youtube.com to youtube.com to cover mobile version too
Let's start!
☐ Remove sponsor and "thanks" button:
youtube.com###top-row.ytd-watch-metadata #sponsor-button
youtube.com###top-row.ytd-watch-metadata yt-button-view-model:has([aria-label="Thanks"])
✓ Remove recommended after pause bloat:
youtube-nocookie.com,youtube.com##.ytp-pause-overlay, .show-video-thumbnail-button
~youtube-nocookie.com,~youtube.com##iframe ~ #topvbar > #rvid
— Remove shorts from search: (Sure Shorts can get strange, but not so strange as to warrant blanket removal.)
youtube.com##ytd-search ytd-item-section-renderer>#contents>:is(:not(ytd-video-renderer,ytd-channel-renderer,ytd-playlist-renderer,yt-lockup-view-model,yt-showing-results-for-renderer,[icon-name="promo-full-height:EMPTY_SEARCH"]),ytd-video-renderer:has([aria-label="Shorts"])),ytd-secondary-search-container-renderer
☐ Block all the scripts responsible for annotations and end screen / auto play next
/annotations_module.js$script,xhr,important,domain=youtube.com
/endscreen.js$script,xhr,important,domain=youtube.com
— Hide "1080p Premium" in the video quality menu (The probably like 6 people on Earth who pay for Premium for the sake of 1080p Premium, would probably still want it.)
youtube.com##.ytp-quality-menu .ytp-menuitem:has(.ytp-premium-label)
Self promotion dialogs in bottom left corner
youtube.com##ytd-popup-container > tp-yt-paper-dialog > ytd-mealbar-promo-renderer, ytd-popup-container > tp-yt-paper-dialog > yt-mealbar-promo-renderer:has-text(/Claim Offer|Join now|Not Now|No thanks|YouTube TV|live TV|Live TV|movies|sports|Try it free|unlimited DVR|watch NFL/)
Crappy new design fix
! Remove backgrounds from multiple elements
☐ youtube.com##.ytp-button.ytp-play-button, .ytp-button.ytp-next-button, .ytp-button.ytp-prev-button, .ytp-time-wrapper, .ytp-time-display, .ytp-time-duration, .ytp-time-current, .ytp-volume-area, .ytp-volume-slider, .ytp-volume-panel, .ytp-chapter-title, .ytp-right-controls-left, .ytp-right-controls, .ytp-right-controls-right, .ytp-volume-popover:style(background: none !important; backdrop-filter: none !important;)
! Tweaked play and volume buttons
☐ youtube.com##.ytp-button.ytp-play-button svg:style(transform: scale(0.85) !important;)
☐ youtube.com##.ytp-button.ytp-volume-icon svg:style(transform: scale(0.8) translateX(-12px) !important;)
☐ youtube.com##.ytp-volume-popover:style(transform: translateX(-70%) translateY(88%) rotate(90deg) !important; height: 50px !important; width: 150px !important;)
! Smaller SponsorBlock button
☐? youtube.com###startSegmentButton > .playerButtonImage:style(transform: scale(0.88) !important;)
! Progress bar location lowering down
☐ youtube.com##.ytp-progress-bar-container:style(position: relative !important; top: 16px !important;)
! Buttons location lowering down
☐ youtube.com##.ytp-right-controls, .ytp-left-controls:style(position: relative !important; top: 6px !important;)
! Fix left-controls blocking progress bar control
☐ youtube.com##.ytp-left-controls:style(pointer-events: none !important;)
☐ youtube.com##.ytp-left-controls :is(.ytp-button, .ytp-volume-panel):style(pointer-events: auto !important;)
! Remove weird floating buttons
☐ youtube.com###movie_player > .ytp-overlays-container > .ytp-overlay-bottom-right
Update!
My personal one. Removes "Ask and learn
youtube.com###teaser-carousel:remove()
Reduces height of Playback line
youtube.com##.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-progress-bar-container:style(bottom: 55px !important)
Reduces placement of Buttons
youtube.com##.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-chrome-bottom:style(height: 76px !important)
Removes on Hover effect on Pause/Play button
youtube.com##.ytp-delhi-modern .ytp-play-button:hover::after, .ytp-delhi-modern.ytp-big-mode .ytp-play-button:hover::after:style(background-color: transparent !important)
Removes on Hover effect on Volume button
youtube.com##.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area:hover::after:style(background-color: transparent !important)
Removes on Hover effect on Time Stamp
youtube.com##.ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *)::after:style(background: transparent !important)
Removes on Hover effect on Right-side buttons
youtube.com##.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button::before:style(background-color: transparent !important)
Removes Background on the Right-side buttons
youtube.com##.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls:style(background: transparent !important)
Moves Thumbnail Line closer to the Playback line
youtube.com##.ytp-tooltip.ytp-bottom.ytp-tooltip-progress-bar-style.ytp-preview:style(top: 450px !important)
Borrowed here
All entries I use personally, borrowed here and here
@DandelionSprout, select rules which you like the most :)
P.S: I fixed beginning of rules from
www.youtube.comtoyoutube.comto cover mobile version tooLet's start!
☐ Remove sponsor and "thanks" button:
✓ Remove recommended after pause bloat:
— Remove shorts from search: (Sure Shorts can get strange, but not so strange as to warrant blanket removal.)
☐ Block all the scripts responsible for annotations and end screen / auto play next
— Hide "1080p Premium" in the video quality menu (The probably like 6 people on Earth who pay for Premium for the sake of 1080p Premium, would probably still want it.)
Self promotion dialogs in bottom left corner
Crappy new design fix
Update!
My personal one. Removes "Ask and learn
Reduces height of Playback line
Reduces placement of Buttons
Removes on Hover effect on Pause/Play button
Removes on Hover effect on Volume button
Removes on Hover effect on Time Stamp
Removes on Hover effect on Right-side buttons
Removes Background on the Right-side buttons
Moves Thumbnail Line closer to the Playback line
Borrowed here