Gets rid of a lot of visual clutter and bloat in YouTubes UI.
Unbloated YouTube by vanillyn
Details
Authorvanillyn
LicenseCC0
Categoryyoutube.com -> userstyles
Created
Updated
Size1.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Removes some DeArrow and RYD features.
Source code
/* ==UserStyle==
@name Unbloated YouTube
@version 1
@namespace https://github.com/vanillyn
@author Vanillyn
@preprocessor stylus
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/watch") {
ytd-subscribe-button-renderer.style-scope,
.ryd-tooltip-bar-container,
ytd-menu-renderer.ytd-watch-metadata > div:nth-child(1) > yt-button-view-model:nth-child(2),
#masthead > div:nth-child(5) > div:nth-child(3) > div:nth-child(2) > ytd-button-renderer:nth-child(1),
#voice-search-button,
yt-icon-button.ytd-masthead:nth-child(3),
.ytSearchboxComponentSearchButton,
.cbTitleButtonContainer,
#endpoint-link,
div.yt-related-chip-cloud-renderer,
div.yt-horizontal-list-renderer:nth-child(3),
div.ytd-reel-shelf-renderer:nth-child(1),
.shortsLockupViewModelHostShowOverPlayer.shortsLockupViewModelHostOutsideMetadataMenu,
.ytd-menu-renderer.style-scope > .yt-spec-icon-shape.yt-icon.style-scope.yt-icon-shape > div,
ytd-video-description-transcript-section-renderer.style-scope:nth-child(2),
ytd-video-description-infocards-section-renderer.style-scope:nth-child(3),
#overlays,
icon > .yt-spec-icon-shape.yt-icon.style-scope.yt-icon-shape > div,
{
display: none !important;
}
.ytSearchboxComponentInputBox {
border-right: 1px;
border-radius 40px;
}
ytd-reel-shelf-renderer.style-scope,
#above-the-fold > div:nth-child(4), {
border: none !important;
}
* {
--ytd-masthead-height: 0px !important;
}
#masthead {
background: var(--yt-spec-static-brand-black);
transition: top 1s ease !important;
visibility: hidden;
}
#masthead-container:hover #masthead {
display: block;
opacity: 1;
visibility: visible;
}
}