TheCoolDud by thecooldud

/* ==UserStyle==
@name           youtube.com
@namespace      userstyles.world
@version        1.0.0
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com") {
/* Yeaaaaaah :3 */

html:not(.style-scope)[system-icons]:not(.style-scope)[dark]
{
    background-image: url(/*[[IMG]]*/) !important;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-position: center;
    background-size: cover !important;
}
  
 :root {
    --blur-amount: /*[[blur]]*/px;
    --Bg-blur: /*[[BGBlur]]*/px;
    --theme: /*[[theme]]*/;
    --playlist-bg: rgba(/*[[rgba1]]*/);
    --text-color: /*[[text]]*/;
    --nd-text-color: /*[[sec]]*/;
    --border-width: /*[[border_n]]*/px;
    --player-bg-border-width: /*[[border_p]]*/px;
    --border-color: rgba(/*[[border_c]]*/);
    --border-hover-color: /*[[hover]]*/;
    --border-click-color: /*[[click]]*/;
    --bg-color: rgba(/*[[bg]]*/);
    --in-player-bg-color: rgba(/*[[p_bg]]*/);
    --top-bar-and-search-background: rgba(/*[[tb_bg]]*/);
    --things-end-on-video: rgba(/*[[end_bg]]*/);
    --hover-time-background: rgba(/*[[t_bg]]*/);
    --search-background-hover: rgba(/*[[sh_bg]]*/);
    --theme-radius: /*[[t_ra]]*/px;
    --theme-time-radius: /*[[tt_ra]]*/px;
    --theme-radius-big: /*[[t_rab]]*/px;
    --border-minus: calc(var(--border-width) * -1);
    --bg-border-minus: calc(var(--player-bg-border-width) * -1);
}

html:not(.style-scope)[dark], :not(.style-scope)[dark] ,html:not(.style-scope) {
    --yt-spec-brand-background-primary: var(--top-bar-and-search-background) !important;
    --yt-spec-brand-background-solid: var(--bg-color) !important;
    --yt-spec-general-background-a: var(--bg-color) !important;
    --yt-spec-call-to-action: var(--theme) !important;
    --yt-spec-badge-chip-background: var(--playlist-bg) !important;
    --yt-spec-text-primary: var(--text-color) !important;
    --yt-spec-text-secondary: var(--nd-text-color) !important;
    --yt-spec-brand-button-background: var(--theme) !important;
    --yt-spec-static-brand-red: var(--theme) !important;
    --yt-spec-brand-icon-inactive: var(--theme) !important;
    --yt-spec-10-percent-layer: rgba(/*[[LOAD]]*/) !important;
}

/*[[CENTER]]*/

ytd-mini-guide-renderer > #items > ytd-mini-guide-entry-renderer
{
    transition: all .2s cubic-bezier(0,0,1,1) !important;
    width: 72px !important;
}

ytd-mini-guide-renderer > #items > ytd-mini-guide-entry-renderer:hover
{
    transform: scale(1.5) !important;
}

#hover-overlays
{
    transition: opacity .4s cubic-bezier(0,1,1,1) !important;
	opacity: 0 !important;
}

#thumbnail:hover > #hover-overlays
{
	opacity: 1 !important;
}

/*[[CENTERTIME]]*/

body::-webkit-scrollbar,
.playlist-items.ytd-playlist-panel-renderer::-webkit-scrollbar,
#guide-inner-content.ytd-app:hover::-webkit-scrollbar
{
   width: /*[[SWH]]*/px  !important;
}

body::-webkit-scrollbar-thumb,
.playlist-items.ytd-playlist-panel-renderer::-webkit-scrollbar-thumb,
#guide-inner-content.ytd-app:hover::-webkit-scrollbar-thumb
{
    background-color: var(--theme) !important;
}

body::-webkit-scrollbar-track,
.playlist-items.ytd-playlist-panel-renderer::-webkit-scrollbar-track,
#guide-inner-content.ytd-app:hover::-webkit-scrollbar-track
{
    background: var(--bg-color) !important;
}

.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title
{   
    display: block !important;
    background-color: var(--hover-time-background) !important;
}

ytd-live-chat-frame
{
    transition: all .2s cubic-bezier(0,1,1,1) !important;
}

/*[[thing_blur]]*/
  
/*[[THEBGBlur]]*/

/*[[ScB]]*/


.ytp-ce-expanding-overlay-background,
.ytp-ce-playlist-count
{
    background: var(--things-end-on-video) !important;
}

.sbdd_b,
#scrim,
tp-yt-iron-overlay-backdrop
{
    background: var(--top-bar-and-search-background) !important;
}

ytd-thumbnail-overlay-hover-text-renderer
{
    background-color: var(--top-bar-and-search-background) !important;
}

.sbfl_b,.sbsb_a,
#container.style-scope.ytd-masthead,
ytd-mini-guide-renderer,
ytd-mini-guide-entry-renderer,
ytd-page-manager>*.ytd-page-manager,
ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy, ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy
 {
    background: transparent !important;
}

.sbsb_d,
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover,
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:focus,
.ytp-menuitem:not([aria-disabled=true]):hover {
    background: var(--search-background-hover) !important;
    transition: all .2s cubic-bezier(0.1,0.7,1,1) !important;
}

.gsfs,
.ytp-ce-channel-metadata,
.ytp-cards-teaser .ytp-cards-teaser-text,
.ytp-panel-menu,
.ytp-ce-website-title, .ytp-ce-merchandise-title
{
    color: var(--text-color) !important;
}

#player,
ytd-multi-page-menu-renderer
{   
    border-radius: var(--theme-radius-big) !important;
}

a.thumbnail > .ytcd-basic-item-large-image,
ytcp-thumbnail-with-title,
ytd-playlist-thumbnail,
ytd-thumbnail,
#thumbnail,
.thumbnail-container.ytd-notification-renderer,
.sbdd_b,
.ytp-ce-video,
.ytp-ce-playlist,
[aria-live="polite"],
.ytp-tooltip-bg,
.ytp-tooltip-text.ytp-tooltip-text-no-title,
.branding-img.iv-click-target,
.branding-context-container-inner,
ytd-thumbnail-overlay-bottom-panel-renderer,
.ytp-progress-list,
.ytp-play-progress.ytp-swatch-background-color,
.ytp-load-progress,
.ytp-hover-progress.ytp-hover-progress-light,
.ytp-gradient-bottom,
.style-scope.ytd-subscribe-button-renderer,
#container.ytd-playlist-panel-renderer,
.header.ytd-playlist-panel-renderer,
ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer,
ytd-live-chat-frame,
.ytp-ce-playlist-count,
.ytp-ce-expanding-overlay-background,
.ytp-popup.ytp-settings-menu,
.ytp-sb-subscribe, .ytp-sb-unsubscribe,
.ytp-iv-drawer-open .iv-drawer,
.iv-card, .iv-card a.iv-click-target,
.ytp-cards-teaser-box,
.miniplayer.ytd-miniplayer,
.ytp-popup,
.badge.ytd-badge-supported-renderer,
.ytp-ce-website .ytp-ce-expanding-image, .ytp-ce-merchandise .ytp-ce-expanding-image,
.ytp-flyout-cta .ytp-flyout-cta-body,
#ytp-ad-image,
.ytp-ad-preview-container,
.ytp-ad-message-container,
#guide-content,
.sbsb_d,
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer,
#masthead,
#search-icon-legacy,
.ytp-ad-skip-button.ytp-button,
.ytp-flyout-cta .ytp-flyout-cta-icon,
#banner > img,
#icon > img,
#action,
.ytp-cards-teaser,
.ytp-ce-video-duration,
.ytp-show-tiles .ytp-videowall-still,
.ytp-videowall-still-info-content,
.ytp-videowall-still-listlabel-mix.ytp-videowall-still-listlabel,
.style-scope.ytd-popup-container,
.style-scope.ytd-miniplayer,
#action-companion-ad-info-button.ytd-action-companion-ad-renderer,
.ytp-flyout-cta .ytp-flyout-cta-action-button,
.ytp-autonav-endscreen-upnext-thumbnail,
.ytp-autonav-endscreen-upnext-button,
ytd-playlist-panel-video-renderer,
tp-yt-paper-item.ytd-menu-service-item-renderer,
ytd-menu-service-item-renderer[use-icons],
.ytp-ad-overlay-image,
.ytp-ad-button-icon,
.ytp-ad-overlay-close-button,
.ytp-ad-text-overlay,
.ytp-ad-button-icon,
.ytp-ad-button-icon,
.html5-video-player .caption-visual-line .ytp-caption-segment:last-child,
#media-container.ytd-display-ad-renderer,
ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #media-badge.ytd-display-ad-renderer,
#chips-wrapper.ytd-feed-filter-chip-bar-renderer,
ytd-mini-guide-entry-renderer
{
    border-radius: var(--theme-radius) !important;
}

a.thumbnail > .ytcd-basic-item-large-image,
ytcp-thumbnail-with-title,
ytd-playlist-thumbnail,
ytd-thumbnail,
#thumbnail,
.thumbnail-container.ytd-notification-renderer,
#avatar,
#author-thumbnail.ytd-comment-simplebox-renderer,
.style-scope.ytd-comment-renderer.no-transition,
#player,
.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title,
#container.ytd-playlist-panel-renderer,
ytd-live-chat-frame,
ytd-thumbnail-overlay-side-panel-renderer,
ytd-thumbnail-overlay-bottom-panel-renderer,
.ytp-gradient-bottom,
.ytp-popup.ytp-settings-menu,
.ytp-iv-drawer-open .iv-drawer,
.ytp-cards-teaser-box,
.miniplayer.ytd-miniplayer,
.ytp-flyout-cta .ytp-flyout-cta-body,
#ytp-ad-image,
.ytp-ad-preview-container,
.ytp-ad-message-container,
#guide-content,
.ytp-ad-skip-button.ytp-button,
#banner > img,
#icon > img,
#action,
/*[[masthead]]*/
/*[[SusLOL]]*/
/*[[ScOut]]*/
.ytp-show-tiles .ytp-videowall-still,
yt-confirm-dialog-renderer[dialog][dialog][dialog],
.ytp-ce-element.ytp-ce-element-show,
#contentWrapper.tp-yt-iron-dropdown > *
/*[[Osha]]*/

#text.ytd-channel-name,
yt-button-renderer.yt-formatted-string.yt-button-renderer,
paper-ripple,
a.yt-simple-endpoint.yt-formatted-string,
.style-scope.ytd-menu-renderer.force-icon-button.style-default-active,
.badge-style-type-live-now.ytd-badge-supported-renderer, .badge-style-type-starting-soon.ytd-badge-supported-renderer
{   
    border-color : var(--theme) !important;
    color: var(--theme) !important;
}

paper-ripple,
.ytp-swatch-color,
a.ytp-ce-link,
yt-icon.ytd-compact-link-renderer,
yt-icon.ytd-toggle-theme-compact-link-renderer {
    border-radius: var(--theme-radius) !important;
    color: var(--theme) !important;
}

.ytp-swatch-background-color,
.ytp-settings-button.ytp-hd-quality-badge:after,
.ytp-chrome-controls .ytp-button[aria-pressed]:after,
.ytp-sb-subscribe, a.ytp-sb-subscribe
{
    background-color: var(--theme) !important;
}

ytd-thumbnail-overlay-time-status-renderer,
ytd-thumbnail-overlay-side-panel-renderer,
ytd-thumbnail-overlay-toggle-button-renderer,
.iv-branding-active .branding-context-container-inner,
.ytp-ce-video-duration
{
    border-radius: var(--theme-time-radius) !important;
    background-color: var(--hover-time-background) !importan...