Skip to content

Instantly share code, notes, and snippets.

@nunq
Last active November 25, 2022 20:08
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nunq/fc7d723b001c95250e73679a3da803fb to your computer and use it in GitHub Desktop.
Save nunq/fc7d723b001c95250e73679a3da803fb to your computer and use it in GitHub Desktop.
youtube ui cleanup (removed buttons, shorts, etc) with less contrast (mostly monochrome grey)
/* firefox's "copy > css selector" feature is seriously awesome */
/* sidebar elements (more from yt, footer, etc) */
ytd-guide-section-renderer.style-scope:nth-child(3) {
display: none;
}
ytd-guide-section-renderer.style-scope:nth-child(4) {
display: none;
}
#footer {
display: none;
}
/* subscription view: hide manage and layout buttons (top right) */
ytd-item-section-renderer.style-scope:nth-child(1) > div:nth-child(3) > ytd-shelf-renderer:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) {
display: none;
}
ytd-item-section-renderer.style-scope:nth-child(1) > div:nth-child(3) > ytd-shelf-renderer:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) {
display: none;
}
ytd-topbar-menu-button-renderer.style-scope:nth-child(1) {
display: none;
}
ytd-topbar-menu-button-renderer.style-scope:nth-child(2) {
display: none;
}
ytd-topbar-menu-button-renderer.style-scope:nth-child(3) {
display: none;
}
div.masthead-skeleton-icon {
display: none;
}
/* hide header buttons (upload, etc) */
ytd-topbar-menu-button-renderer.style-scope:nth-child(1) > div:nth-child(2) {
display: none;
}
ytd-topbar-menu-button-renderer.style-scope:nth-child(2) > div:nth-child(2) {
display: none;
}
/* hide the infamous 'bell button' */
#notification-preference-button {
display: none;
}
/* hide the search button */
#search-icon-legacy {
display: none;
}
/* hide #hashtags below videos */
.super-title {
display: none;
}
/* >leaving comments */
#simple-box {
display: none;
}
/* set comment opacity lower, set to 1 on hover */
ytd-comment-thread-renderer {
opacity: 0.6;
}
ytd-comment-thread-renderer:hover {
opacity: 1;
}
/* hide 3 dots button next to each comment */
#action-menu {
display: none;
}
/* limit recommended videos on sidebar */
#secondary-inner {
height: 1130px;
overflow: hidden;
}
/* topleft logo */
#logo,
#country-code,
ytd-topbar-logo-renderer {
visibility: hidden !important;
}
/* make toggle buttons #eee instead of blue */
#toggleButton {
background: #ccc;
}
/* progress bar: red->darkgrey */
.ytp-play-progress {
background: #3d3d3d;
}
*:focus,
* {
outline: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* one color for the video page */
ytd-watch-flexy.style-scope {
background: #282828;
}
#movie_player {
background: #282828;
}
.ytp-scrubber-button {
background: #1d1d1d;
}
ytd-playlist-panel-renderer.style-scope:nth-child(5) > div:nth-child(1) {
border: none !important;
}
#playlist-items {
background: #282828;
}
/* filter on all the images */
img {
filter: contrast(0.9) grayscale(0.1) opacity(0.6) blur(1px);
}
/* videopage: playlist view (right): lower opacity of expand arrow */
ytd-playlist-panel-renderer.style-scope:nth-child(5) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > yt-icon-button:nth-child(3) > button:nth-child(1) > yt-icon:nth-child(1) {
opacity: 0.7;
}
/* videopage: description: hide hlines, optimize spacing */
ytd-video-primary-info-renderer.style-scope {
border-bottom: none;
}
/* hide comment header */
ytd-item-section-renderer.style-scope:nth-child(2) > div:nth-child(1) {
display: none;
}
/* hide stupid 'JOIN' button */
#sponsor-button {
display: none !important;
}
/* player: quality settings: make button monochrome */
.ytp-settings-button {
filter: grayscale(1);
}
/* red -> monochrome in play settings */
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox {
background: #5d5d5d;
}
.ytp-swatch-color {
color: #9d9d9d;
}
/* cleanup search bar */
#search-input,
#search-form,
div.ytd-searchbox {
background: #282828 !important;
outline: none !important;
border: none !important;
box-shadow: none !important;
}
#search {
font-size: 18px !important;
line-height: 28px !important;
color: #eee;
opacity: 0.9;
}
input {
border-radius: 10px;
border: none;
}
/* hide 'report search suggestions' div */
.sbfl_a {
display: none;
}
/* search result text color */
.sbsb_b > li {
color: #eee;
background: #282828;
}
/* search: previous searches text color */
.sbpqs_a {
color: #eee;
}
/* hover in search results */
.sbsb_b > li:hover {
color: #282828;
background: #ccc;
cursor: pointer;
}
.sbdd_b {
margin-top: -4px;
border-top: 1px solid rgba(204, 204, 204, 0.7) !important;
}
.sbsb_b {
margin-top: -10px;
}
.sbsb_a {
background: #282828;
border: 1px solid #fff;
}
/* fixes for stupid polyfilling */
#columns {
background: #282828;
}
/*fix search results (when query sent) */
page-manager {
background: #282828;
}
/*fix 'home' page bg */
#primary {
background: #282828;
}
/*fix playlist view (left column) bg */
ytd-playlist-sidebar-renderer.style-scope {
background: #282828;
}
/* red progessbar -> monochrome */
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background: #ffe;
}
/* hide that blue dot next ta a channel name in your subscriptions (indicates new content) */
#newness-dot {
display: none !important;
}
/* set color, etc. of text and icons */
yt-formatted-string,
#upnext,
#video-title,
#title {
opacity: 0.85;
color: #ffe;
}
yt-icon {
opacity: 0.7;
color: #999;
}
/* hide 'clarify' / infobox between video and video title (is only displayed on certain videos) */
#clarify-box {
display: none;
}
/* theater mode: playlist view on the right: shift first item in playlist up to hide horizontal black line */
ytd-playlist-panel-video-renderer.style-scope:nth-child(1) {
margin-top: -0.32em;
}
/* playlist view: right: if not enough videos, set color of that 'empty' space */
ytd-two-column-browse-results-renderer.style-scope {
background: #282828;
}
/* like bar: blue -> grey */
#like-bar {
background: #aaa !important;
}
/* recolor external links */
a.yt-simple-endpoint.style-scope.yt-formatted-string {
color: #7ec4ea;
}
/* recolor background of first element of suggestion row on home */
ytd-feed-filter-chip-bar-renderer.style-scope {
display: none;
}
/* hide voice input icon right of search bar */
#voice-search-button, #voice-search-button > ytd-button-renderer {
display: none !important;
}
/* hide bubbles over recommended videos (right) */
#items > yt-related-chip-cloud-renderer {
display: none;
}
/* heart icon on 'comment liked by creator' color: red -> grey */
#hearted > svg {
color: #ccc;
}
/* 26-08-2021 style the save, clip, etc buttons */
#text {
color: #bbb !important;
}
/* 29-03-2022 no placeholders in input boxes */
::-moz-placeholder {
color:transparent;
}
/* 29-03-2022 search bar recolor 'remove' button */
.sbpqs_b > a {
color: #e3e3e3;
}
/* 29-03-2022 searchbar hide recent icon (left) */
.sbpqs_a:before {
visibility: hidden;
}
/* 29-03-2022 searchbar hide search icon (left) */
.sbqs_c:before {
visibility: hidden;
}
/* 28-04-2022 force use of important */
/* 'Subscriptions', 'Trending' view: make sidebars a lighter grey; also channel header and others */
ytd-browse.style-scope,
#channel-header,
#tabs-inner-container,
ytd-search {
background: #282828 !important;
}
/* 28-04-2022 hide notification icon in top bar right */
yt-icon-button.ytd-notification-topbar-button-renderer > button:nth-child(1),
yt-icon-button.ytd-notification-topbar-button-renderer {
display: none;
}
/* 02-05-2022 hide like/dislike ratio bar */
.ryd-tooltip {
display: none !important;
}
/* 02-05-2022 hide clip button
ytd-button-renderer.ytd-menu-renderer:nth-child(4){
display: none;
}*/
/* 02-05-2022 'SUBSCRIBE' button color */
tp-yt-paper-button.ytd-subscribe-button-renderer {
background: #303030;
}
/* 02-05-2022 'SUBSCRIBE' button text color */
yt-formatted-string.ytd-subscribe-button-renderer {
color: #e3e3e3;
}
/* 02-05-2022 hide three dot menu on video page */
ytd-menu-renderer.ytd-video-primary-info-renderer > yt-icon-button:nth-child(3) {
display: none;
}
/* 02-05-2022 hide creator merch below video */
ytd-merch-shelf-renderer.style-scope {
display: none;
}
/*
line
ytd-video-secondary-info-renderer.style-scope
*/
/* 02-05-2022 hide location indicator above video */
a.ytd-video-primary-info-renderer {
display: none;
}
/* 07-05-2022 hide yt live chat */
#chat {
display: none !important;
}
/* 07-05-2022 lower opacity of related videos sidebar */
#related {
opacity: 0.5;
}
/* 22-10-2022 remove shorts button in navigation */
ytd-guide-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-guide-entry-renderer:nth-child(2) {
display: none;
}
/* 01-11-2022 expanded sidebar background */
#guide-content {
background: #282828 !important;
}
/* 01-11-2022 collapsed sidebar background */
ytd-mini-guide-entry-renderer.style-scope > *,
ytd-mini-guide-renderer.style-scope {
background: #282828 !important;
}
/* 01-11-2022 top bar background */
#container {
background: #202020;
}
/* 01-11-2022 playlist view: video element background */
ytd-playlist-video-renderer.style-scope > *,
ytd-playlist-video-renderer.style-scope > * > * > #meta {
background: #282828;
}
/* TODO: playlist view: video element edges.
playlist view wide: make blurry background grey,
pl. view: video element author bg col
subscribe button
some description elements
watching video from playlist: small playlist view: video element bg
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment