A Dark Customizable YouTube Theme
ShuviTube by Shuvi
Details
AuthorShuvi
LicenseNo License
CategoryYoutube
Created
Updated
Size19 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
🌟Features
Dark Scrollbar
- make the scroll bar dark
Little Changes
- remove the country id
- remove the "Explore" and "More from YouTube" tabs from the drawer
Anti Short
- remove everything shorts-related
Custom Color
- let you change the usual red color of YouTube to any other color
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name ShuviTube
@namespace https://github.com/ItsShuvi
@version 1.1.3
@description A customizable YouTube theme
@author Shuvi
@homepageURL https://github.com/ItsShuvi/ShuviTube
@preprocessor stylus
--------------------------------------------
@var checkbox darkScrollBar "Dark Scrollbar" 1
@var checkbox littleChanges "Little Changes" 1
@var checkbox antiShorts "Anti Shorts" 1
@var checkbox customColor "custom Color" 1
@var checkbox customVideoPerRow "Enable " 1
@advanced color mainColor "Main Color" #8e04f0
@advanced color mainBG "Main background" #111
@advanced color sndBG "Second background" #181818
@advanced color hoverBG "Hover background" #232323
@advanced color mainTxt "Main text" #eff0f1
@advanced color dimTxt "Dim text" #ccc
==/UserStyle== */
@-moz-document domain("www.youtube.com") {
if (darkScrollBar) {
*:not(#guide-inner-content.ytd-app, ytd-multi-page-menu-renderer[scrollbar-rework] .menu-container.ytd-multi-page-menu-renderer) {
scrollbar-color: #2b2b2b #1110 !important;
scrollbar-width: auto !important;
}
#guide-inner-content.ytd-app:hover {
scrollbar-color: #2b2b2b #1110 !important;
}
ytd-multi-page-menu-renderer[scrollbar-rework] .menu-container.ytd-multi-page-menu-renderer:hover {
scrollbar-color: #2b2b2b #1110 !important;
}
}
if (littleChanges) {
#country-code.ytd-topbar-logo-renderer {
display: none !important;
}
#sections.ytd-guide-renderer > ytd-guide-section-renderer.ytd-guide-renderer:nth-last-child(2),
#sections.ytd-guide-renderer > ytd-guide-section-renderer.ytd-guide-renderer:nth-last-child(3) {
display: none !important;
}
#left-arrow.ytd-feed-filter-chip-bar-renderer::after,
#right-arrow.ytd-feed-filter-chip-bar-renderer::before,
yt-chip-cloud-renderer #right-arrow.yt-chip-cloud-renderer::before,
yt-chip-cloud-renderer #left-arrow.yt-chip-cloud-renderer::after {
display: none !important;
}
#guide-section-title.ytd-guide-section-renderer {
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
img.yt-img-shadow {
opacity: 0.9 !important;
}
.count-text.ytd-comments-header-renderer {
font-size: 1.6rem !important;
line-height: 2.2rem !important;
font-weight: 400 !important;
}
ytd-shelf-renderer #dismissible:has(yt-horizontal-list-renderer[grid-video-width="354"] ) {
display: none;
}
}
if (antiShorts) {
ytd-rich-section-renderer {
display: none !important;
}
ytd-mini-guide-entry-renderer[aria-label="Shorts"] {
display: none !important;
}
a[title="Shorts"] {
display: none !important;
}
ytd-reel-shelf-renderer {
display: none !important;
}
}
if (customColor) {
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background: none !important;
}
.yt-spec-icon-badge-shape--style-overlay.yt-spec-icon-badge-shape--type-cart-refresh .yt-spec-icon-badge-shape__badge {
color: #fff !important;
}
.ytp-cairo-refresh-signature-moments .ytp-play-progress {
background: #8e04f0 !important;
}
#cinematics.ytd-watch-flexy {
display: none !important;
}
yt-formatted-string[ellipsis-truncate] a.yt-formatted-string:last-child,
#byline.ytd-video-meta-block,
#channel-title.ytd-channel-renderer span.ytd-channel-renderer,
#text.ytd-channel-name {
color: mainColor !important;
}
svg g path[d="M14.4848 20C14.4848 20 23.5695 20 25.8229 19.4C27.0917 19.06 28.0459 18.08 28.3808 16.87C29 14.65 29 9.98 29 9.98C29 9.98 29 5.34 28.3808 3.14C28.0459 1.9 27.0917 0.94 25.8229 0.61C23.5695 0 14.4848 0 14.4848 0C14.4848 0 5.42037 0 3.17711 0.61C1.9286 0.94 0.954148 1.9 0.59888 3.14C0 5.34 0 9.98 0 9.98C0 9.98 0 14.65 0.59888 16.87C0.954148 18.08 1.9286 19.06 3.17711 19.4C5.42037 20 14.4848 20 14.4848 20Z"] {
fill: mainColor !important;
}
.title:hover,
#video-title:hover {
color: mainColor !important;
}
yt-icon-button:hover svg {
fill: mainColor !important;
}
.sbpqs_a {
color: mainColor !important;
}
a.ytd-mini-guide-entry-renderer:hover .guide-icon,
a.ytd-mini-guide-entry-renderer:hover .title.ytd-mini-guide-entry-renderer {
color: mainColor !important;
}
html[dark] .sbsb_d {
background: #ffffff1a !important;
/* var(--yt-spec-additive-background) */
}
#like-bar.ytd-sentiment-bar-renderer,
#progress.ytd-thumbnail-overlay-resume-playback-renderer,
#selectionBar.paper-tabs {
background-color: mainColor !important;
}
.YtProgressBarPlayheadProgressBarPlayheadDot,
.YtProgressBarLineProgressBarPlayed,
.ytp-swatch-background-color,
.ytp-settings-button.ytp-hd-quality-badge:after {
background-color: mainColor !important;
}
#newness-dot.ytd-guide-entry-renderer {
background-color: mainColor !important;
}
a {
outline-color: mainColor !important;
}
html[dark] .sbsb_i {
color: mainColor !important;
}
ytd-searchbox[has-focus] #container.ytd-searchbox {
border: 1px solid mainColor !important;
box-shadow: none !important;
}
#hearted-border.ytd-creator-heart-renderer,
#hearted.ytd-creator-heart-renderer {
color: mainColor !important;
fill: mainColor !important;
}
a:hover {
color: mainColor !important;
fill: mainColor !important;
}
.badge-style-type-simple.ytd-badge-supported-renderer,
.badge-style-type-disabled.ytd-badge-supported-renderer,
yt-icon.ytd-badge-supported-renderer {
background: transparent !important;
color: mainColor !important;
padding-left: 0px !important;
opacity: 0.7 !important;
}
#content.ytd-expander a:hover,
#published-time-text.ytd-comment-renderer a:hover,
#content.ytd-expander #name.ytd-author-comment-badge-renderer:hover,
.yt-core-attributed-string--link-inherit-color .yt-core-attributed-string__link--call-to-action-color:hover {
color: mainColor !important;
opacity: 1 !important;
}
#content.ytd-expander a,
.yt-core-attributed-string--link-inherit-color .yt-core-attributed-string__link--call-to-action-color {
color: mainColor !important;
opacity: 0.9;
}
#label.ytd-pinned-comment-badge-renderer {
color: mainColor !important;
opacity: 0.5;
}
.badge-style-type-live-now.ytd-badge-supported-renderer,
.badge-style-type-live-now-alternate.ytd-badge-supported-renderer {
color: mainColor !important;
background: transparent !important;
border-color: mainColor !important;
}
.yt-simple-endpoint.style-scope.yt-formatted-string {
color: #ccc !important;
}
.yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {
background-color: mainColor !important;
border: none !important;
}
[id^=yt-logo] g path[d="M27.9727 3.12324C27.6435 1.89323 26.6768 0.926623 25.4468 0.597366C23.2197 2.24288e-07 14.285 0 14.285 0C14.285 0 5.35042 2.24288e-07 3.12323 0.597366C1.89323 0.926623 0.926623 1.89323 0.597366 3.12324C2.24288e-07 5.35042 0 10 0 10C0 10 2.24288e-07 14.6496 0.597366 16.8768C0.926623 18.1068 1.89323 19.0734 3.12323 19.4026C5.35042 20 14.285 20 14.285 20C14.285 20 23.2197 20 25.4468 19.4026C26.6768 19.0734 27.6435 18.1068 27.9727 16.8768C28.5701 14.6496 28.5701 10 28.5701 10C28.5701 10 28.5677 5.35042 27.9727 3.12324Z"] {
fill: mainColor !important;
}
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox {
background: mainColor !important;
}
.ytp-probably-keyboard-focus .ytp-progress-bar:focus {
box-shadow: 0 0 0 2px mainColor !important;
}
.ytp-probably-keyboard-focus .ytp-button:focus {
box-shadow: inset 0 0 0 2px mainColor !important;
}
.ytp-probably-keyboard-focus .ytp-volume-panel:focus {
box-shadow: inset 0 0 0 2px mainColor !important;
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--focused {
color: mainColor !important;
border-color: mainColor !important;
}
ytd-author-comment-badge-renderer {
background-color: hoverBG !important;
}
ytd-masthead,
#yt-masthead-container,
#masthead-positioner-height-offset {
background-color: sndBG !important;
border-bottom-color: hoverBG !important;
}
yt-chip-cloud-chip-renderer:not([selected]) {
background-color: mainBG !important;
border-color: hoverBG !important;
}
ytd-mini-guide-renderer,
a.ytd-mini-guide-entry-renderer,
a.ytd-mini-guide-entry-renderer:hover,
a.ytd-mini-guide-entry-renderer:...