Last active
May 17, 2025 23:53
-
-
Save BobbyWibowo/fe0d15a1451d3b260013d1059f8d6e7d to your computer and use it in GitHub Desktop.
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
: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