Maybe you saw the video 'I Redesigned the ENTIRE YouTube UI from Scratch'. This is a version that goes in the direction from the Video.
Bettertube by xLoge
Details
AuthorxLoge
LicenseNo License
Categoryyoutube.com
Created
Updated
Size5.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Not finished!
Source code
/* ==UserStyle==
@name ?
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("youtube.com") {
/* Change Background color to #111111 */
ytd-app {
background-color: #111111 !important;
}
.ytd-page-manager,
.ytd-browse {
background-color: #111111 !important;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--mono {
background-color: #1d1d1d !important;
color: #e8e7e7 !important;
outline: 0.5px solid #282828 !important;
}
/* subscribe button*/
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
background-color: #cc2849 !important;
color: #e8e7e7 !important;
}
/*
Hide stuff
*/
/* hide share button */
.ytd-menu-renderer.style-scope.yt-spec-button-view-model {
display: none !important;
}
/* hide like dislike bar ratio */
.ryd-tooltip-bar-container {
display: none !important;
}
/* hide second channel overview in description */
ytd-video-description-infocards-section-renderer.ytd-structured-description-content-renderer.style-scope {
display: none !important;
}
/* hide transcript from description */
ytd-video-description-transcript-section-renderer.ytd-structured-description-content-renderer.style-scope {
display: none !important;
}
/* hide second window next to infobox */
#teaser-carousel {
display: none !important;
}
#sponsor-button {
display: none !important;
}
#voice-search-button {
display: none !important;
}
ytd-merch-shelf-renderer.ytd-watch-flexy.style-scope {
display: none !important;
}
span.bold.yt-formatted-string.style-scope:nth-of-type(4) {
display: none !important;
}
span.bold.yt-formatted-string.style-scope:nth-of-type(5) {
display: none !important;
}
span.bold.yt-formatted-string.style-scope:nth-of-type(6) {
display: none !important;
}
#description-inline-expander > .ytd-watch-metadata.style-scope {
display: none !important;
}
/* hide games */
.ytd-rich-metadata-row-renderer.style-scope {
display: none !important;
}
/* hide podcasts */
ytd-video-description-course-section-renderer.ytd-structured-description-content-renderer.style-scope {
display: none !important;
}
/* hide upload video */
.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next {
display: none !important;
}
/*
Adjucstments
*/
/* from, related... */
#scroll-container > .yt-chip-cloud-renderer.style-scope {
margin-top: -8px !important;
}
.ytd-text-inline-expander.style-scope.button {
margin-top: -16px !important;
/* auto clamps */
}
/*
Live chat
*/
/* Chat color */
yt-live-chat-renderer {
background-color: #111111 !important;
}
#player {
border-radius: 8px !important;
outline: 0.5px solid #282828 !important;
}
/*Like & Dislike button*/
#menu > .ytd-watch-metadata.style-scope {
color: #1d1d1d !important;
}
/*
Description
*/
#top-row {
padding-bottom: 15px !important;
border: none !important;
}
/* hide hashtags of the video (tags) */
a.bold.yt-formatted-string.style-scope.yt-simple-endpoint {
display: none !important;
}
#bottom-row > .ytd-watch-metadata.style-scope.item {
background-color: #111111 !important;
outline: 0.5px solid #282828 !important;
}
#expand {
color: #8f8f8f !important;
}
#collapse {
margin-top: 15px !important;
padding-left: 5px !important;
padding-right: 5px !important;
color: #8f8f8f !important;
}
#description-inline-expander > yt-attributed-string.ytd-text-inline-expander.style-scope > .yt-core-attributed-string--white-space-pre-wrap.yt-core-attributed-string > span.yt-core-attributed-string--link-inherit-color > .yt-core-attributed-string--highlight-text-decorator {
background-color: #1d1d1d !important;
}
/* Views and Date */
#description-inline-expander {
margin-top: -24px !important;
}
.ytd-watch-info-text.style-scope.animated-rolling-number-wiz {
font-size: 12px !important;
}
#info-container > .ytd-watch-info-text.style-scope {
color: #c1c1c1 !important;
}
#info-container {
font-size: 12px !important;
margin-top: -37px;
margin-left: -4px;
}
/* Comments */
.ytd-comments-header-renderer.style-scope.count-text {
color: #8f8f8f !important;
}
/* other */
#contentWrapper > .ytd-popup-container.style-scope {
background-color: #1d1d1dde !important;
backdrop-filter: blur(10px) !important;
}
}