Last active
October 29, 2025 02:15
-
-
Save defron/e31ccfc6d9ec3d20fb3c1b0d6b5a3f25 to your computer and use it in GitHub Desktop.
fix youtube's desktop theater mode styling to be more like before via ublock origin
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ! works on my machine, may need tweaks, only tested in firefox | |
| ! please feel free to comment additional improvements | |
| ! make the new youtube ui make sense on a large desktop screen | |
| ! bring back 4-by-3 grid layout for the recommended videos | |
| youtube.com##.ytp-fullscreen-grid-stills-container:style(grid-template-columns: repeat(4,1fr) !important; height: calc(100% - 48px) !important;) | |
| youtube.com##.ytp-modern-videowall-still:style(display: block !important;) | |
| youtube.com##.ytp-modern-videowall-still:hover .ytp-modern-videowall-still-info:style(opacity: 0.8 !important;) | |
| youtube.com##.ytp-modern-videowall-still-info:style(position: absolute !important; bottom: 0; left: 0; opacity: 0.6; width: 100%; background-color: black !important;) | |
| youtube.com##.ytp-modern-videowall-still-info:hover:style(opacity: 0.8 !important;) | |
| ! make the bottom controls on the video player not ginormous (theater/big mode) | |
| youtube.com##.ytp-chrome-bottom, html:style(--yt-delhi-big-mode-bottom-controls-height: 48px !important;) | |
| youtube.com##.ytp-big-mode .ytp-volume-slider:style(min-height: 36px !important;) | |
| youtube.com##.ytp-chrome-bottom, html:style( --yt-delhi-big-mode-pill-top-height: 4px !important;) | |
| youtube.com##.ytp-chrome-bottom, html:style( --yt-delhi-big-mode-pill-height: 36px !important;) | |
| youtube.com##.ytp-chrome-bottom, html:style( --yt-delhi-pill-top-height: 4px !important) | |
| youtube.com##.ytp-play-button.ytp-button:style(width: 42px !important; height: 42px !important; margin-top: 0px !important;) | |
| youtube.com##.ytp-play-button.ytp-button svg:style(padding: 4px !important;) | |
| youtube.com##.ytp-big-mode .ytp-chapter-title-chevron:style(bottom: -10px !important;) | |
| ! make the bottom controls on the video player not ginormous | |
| youtube.com##.ytp-chrome-bottom, html:style(--yt-delhi-bottom-controls-height: 36px !important;) | |
| youtube.com##.ytp-chrome-bottom, html:style(--yt-delhi-pill-height: 31px !important) |
Author
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
youtube.com##.ytp-fullscreen-grid:style(top: 0 !important;) no longer needed with the other changes, was breaking fullscreen by always showing hte video grid