Skip to content

Instantly share code, notes, and snippets.

@BobbyWibowo
Last active May 17, 2025 23:53
Show Gist options
  • Save BobbyWibowo/fe0d15a1451d3b260013d1059f8d6e7d to your computer and use it in GitHub Desktop.
Save BobbyWibowo/fe0d15a1451d3b260013d1059f8d6e7d to your computer and use it in GitHub Desktop.
:root {
--yt-icon-active-color: #3daee9 !important;
/* --iron-icon-fill-color: #ffffff !important; */
}
ytd-rich-grid-renderer {
--ytd-rich-grid-items-per-row: 4 !important;
--ytd-rich-grid-posts-per-row: 4 !important;
}
[page-subtype="subscriptions"] ytd-rich-shelf-renderer[is-show-less-hidden] {
--ysc-video-per-row: 5 !important;
}
[page-subtype="subscriptions"] ytd-rich-shelf-renderer[is-expanded] {
--ysc-video-per-row: 6 !important;
}
/** Remove "New to you" nudges **/
ytd-rich-item-renderer:has(ytd-feed-nudge-renderer) {
display: none;
}
/** Fix avatar of recommended channel in sidebar **/
#avatar-section.ytd-channel-renderer {
min-width: unset !important;
flex: unset !important;
}
#avatar.ytd-channel-renderer {
width: unset !important;
}
#info-section.ytd-channel-renderer {
flex-direction: column !important;
}
/** Fix dismissed videos height **/
#dismissed.ytd-compact-video-renderer {
max-height: 94px;
box-sizing: border-box;
}
#dismissed.ytd-compact-video-renderer #text.ytd-notification-multi-action-renderer {
margin: 0 8px;
}
/** Disable Miniplayer button **/
.ytp-chrome-controls .ytp-button.ytp-miniplayer-button {
display: none;
}
ytd-app .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal[aria-label^="Unsubscribe from "] {
color: var(--yt-spec-text-primary-inverse) !important;
background-color: var(--main-color) !important;
}
ytd-app .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {
color: var(--yt-spec-text-primary-inverse) !important;
background-color: var(--yt-spec-call-to-action) !important;
}
/** Disable Sponsor/Join buttons **/
#sponsor-button {
display: none !important;
}
/** Disable flexible buttons **/
#flexible-item-buttons > ytd-download-button-renderer {
display: none !important;
}
/** Disable "Keep hovering to play" alert on thumbnails **/
#hover-overlays {
display: none !important;
}
/** Disable YouTube's homepage Chips filter **/
#header:has(ytd-feed-filter-chip-bar-renderer) {
display: none !important;
}
#frosted-glass.ytd-app {
height: 56px !important;
}
/** Ext: Return Youtube Dislike **/
:root {
--colorful-rating-bar-like-color: var(--main-color);
--colorful-rating-bar-dislike-color: #ff2929;
}
.ryd-tooltip-bar-container {
height: 4px !important;
top: -9px !important;
}
#ryd-bar {
background: var(--colorful-rating-bar-like-color) !important;
}
#ryd-bar-container {
background: var(--colorful-rating-bar-dislike-color) !important;
height: 100% !important;
}
/* liked button */
like-button-view-model [aria-pressed="true"] .yt-spec-button-shape-next__button-text-content {
color: var(--colorful-rating-bar-like-color) !important;
}
like-button-view-model [aria-pressed="true"] yt-animated-icon path,
like-button-view-model [aria-pressed="true"] .yt-spec-icon-shape path {
fill: var(--colorful-rating-bar-like-color) !important;
}
/* disliked button */
dislike-button-view-model [aria-pressed="true"] .yt-spec-button-shape-next__button-text-content {
color: var(--colorful-rating-bar-dislike-color) !important;
}
dislike-button-view-model [aria-pressed="true"] yt-animated-icon path,
dislike-button-view-model [aria-pressed="true"] .yt-spec-icon-shape path {
fill: var(--colorful-rating-bar-dislike-color) !important;
}
/* comments liked/disliked buttons */
#like-button.ytd-comment-engagement-bar [aria-pressed="true"] path {
fill: var(--colorful-rating-bar-like-color);
}
#dislike-button.ytd-comment-engagement-bar [aria-pressed="true"] path {
fill: var(--colorful-rating-bar-dislike-color);
}
/** Watched videos **/
ytd-thumbnail:has(#progress[style="width: 100%;"])>#thumbnail {
opacity: 0.35;
}
ytd-thumbnail:has(#progress[style="width: 100%;"])::after {
content: \"WATCHED\";
z-index: 2;
color: white;
top: 40%;
font-size: 1.4rem;
text-align: center;
text-transform: uppercase;
position: absolute;
width: 100%;
}
/** Ext: PocketTube **/
/* disable PocketTube's notification */
body > .isa_info.on {
display: none;
}
/* disable PocketTube's Deck */
#items > .ysm-deck-open {
display: none;
}
/* disable built-in Subscriptions section */
#sections > ytd-guide-section-renderer:has(+ .yms-block-groups) {
display: none !important;
}
/* disable built-in sections after PocketTube's, excluding the last one (Settings/Help/etc.) */
#sections > .yms-block-groups ~ ytd-guide-section-renderer:not(:last-child) {
display: none !important;
}
/** Fix: YouTube-DeepDark: Ambient Mode Support **/
#content ytd-watch-flexy[cinematics-enabled] #cinematics.ytd-watch-flexy {
display: unset !important;
}
#content ytd-watch-flexy[cinematics-enabled] [class*="ytd-watch-flexy"] {
background-color: unset !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment