A customizable YouTube theme
ShuviTube by Shuvi
Details
AuthorShuvi
LicenseMIT license
Categorywww.youtube.com
Created
Updated
Size18 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.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/Shuvi-0
@version 1.1.1
@description A customizable YouTube theme
@author Shuvi
@homepageURL https://github.com/Shuvi-0/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
@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;
}
}
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) {
#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="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"] {
color: 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:focus {
background-color: sndBG !important;
}
yt-chip-cloud-chip-renderer[selected],
yt-chip-cloud-chip-renderer:hover {
background-color: hoverBG !important;
}
#text.yt-chip-cloud-chip-renderer {
color: mainTxt !important;
}
#search-icon-legacy.ytd-searchbox,
#masthead-search .search-btn-component,
#masthead-search .search-btn-component .start {
background: hoverBG !important;
border-color: hoverBG !important;
}
ytd-masthead #voice-search-button.ytd-masthead {
background-color: hoverBG !important;
}
.sbsb_a {
background: ...