/* ==UserStyle==
@name APPLE-TUBE (BIG 2020 UPDATE)
@namespace USO Archive
@author Simon Galver
@description `If you're an Apple fanboy you'll definitely like this style, because it gives YouTube a more refined touch. This theme adds rounded corners, a better darkmode, blurry backgrounds, shadows and overall a just better looking UI.!!!ONLY USE WITH YOUTUBE DARKMODE ACTIVATED!!!WORKS BETTER WITH CHROME OR OPERA SINCE THERE IS NO OFFICIAL SUPPORT FOR BACKDROP FILTERS IN MOZILLA FIREFOX (Otherwise you won’t have blurry backgrounds, but transparent backgrounds. This doesn’t look very well)IF YOU USE CHROME PLEASE ENABLE THIS FLAG: chrome://flags/#enable-experimental-web-platform-featuresIF YOU USE OPERA PLEASE ENABLE THIS FLAG: opera://flags/#enable-experimental-web-platform-featuresKnown Issues:- Rainbow Theme: Rainbow Elements are not synchronised`
@version 20201103.21.37
@license CC-BY-NC-4.0
@preprocessor uso
@advanced dropdown colortheme "Color Theme" {
cyan "Cyan*" << ytd-toggle-button-renderer.ytd-live-chat-frame {
border-radius: 9px;
}
/*menu checkbox*/
.ytp-menuitem-toggle-checkbox {
border-radius: 10px !important;
}
/*endscreen subscribe card*/
.subscribecard-endscreen .ytp-subscribe-card {
background: rgba(0, 0, 0, 0.75) !important;
border-radius: 15px !important;
backdrop-filter: blur(10px) !important;
}
/*endscreen link icon border radius / backdrop filter*/
.ytp-ce-expanding-icon {
background-color: #2323237a !important;
border-radius: 6px !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
/*movie bg delete*/
ytd-thumbnail.ytd-rich-movie-renderer:before {
background-color: transparent !important;
}
/*time duration video endscreen*/
.ytp-ce-video-duration {
background-color: rgba(53, 53, 53, 0.49) !important;
border-radius: 7px !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
/*yt ad badge color*/
#ad-badge.ytd-action-companion-ad-renderer, #ad-badge.ytd-promoted-sparkles-web-renderer {
background: #404040 !important;
color: #b1b1b1 !important;
}
/*next video preview text bg delete*/
.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-text {
background-color: transparent !important;
}
/*yt text ad color / backdrop filter*/
.ytp-ad-text-overlay {
background-color: rgba(31, 31, 31, 0.39) !important;
border: 1px solid rgba(76, 76, 76, 0.42) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-radius: 10px !important;
}
/*yt text ad text color / shadow delete*/
.ytp-ad-overlay-link {
color: #cacaca !important;
text-shadow: none !important;
}
/*yt text ad text shadow delete*/
.ytp-ad-overlay-title {
text-shadow: none !important;
}
/*yt text ad close button bg color*/
.ytp-ad-text-overlay .ytp-ad-overlay-ad-info-button-container .ytp-ad-button svg, .ytp-ad-text-overlay .ytp-ad-overlay-close-button svg {
background: #4e4e4e !important;
}
/*yt ad (premium / music) close button bg color / border radius*/
#dismiss-button.ytd-banner-promo-renderer[is-icon-button] {
border-radius: 8px !important;
}
/*ad preview container bg color / backdrop filter*/
.ytp-ad-preview-container, .ytp-ad-message-container {
background: rgba(56, 56, 56, 0.4) !important;
border-radius: 10px !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
margin-right: 10px;
}
/*ad preview image border radius*/
.ytp-ad-preview-image>.ytp-ad-image {
border-radius: 0px 10px 10px 0px !important;
}
/*ad button bg*/
.custom-button[active] {
background: #00abff66 !important;
}
/*ad button border radius*/
.custom-button {
border-radius: 10px !important;
}
/*call-to-action button text color*/
ytd-promoted-sparkles-web-renderer.sparkles-light-cta #action-button.ytd-promoted-sparkles-web-renderer ytd-button-renderer.ytd-promoted-sparkles-web-renderer {
color: #000000 !important;
}
/*skip button border delete*/
.ytp-ad-skip-button:hover, .ytp-ad-skip-button {
border: none !important;
}
/*skip button bg color / backdrop filter*/
span.ytp-ad-skip-button-container {
background-color: rgba(50, 50, 50, 0.5) !important;
margin-right: 10px;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-radius: 10px !important;
}
/*ad info container bg color / backdrop filter*/
.ytp-flyout-cta .ytp-flyout-cta-body, .ytp-flyout-cta .ytp-flyout-cta-body:hover {
background-color: rgba(56, 56, 56, 0.4) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
z-index: -1 !important;
border-radius: 10px !important;
}
/*ad info text color*/
.ytp-flyout-cta .ytp-flyout-cta-headline-container, .ytp-flyout-cta .ytp-flyout-cta-description-container {
color: #fff !important;
}
/*ad info button bg color / border radius*/
.ytp-flyout-cta .ytp-flyout-cta-action-button {
background: #0090ffb8 !important;
border: none !important;
border-radius: 5px !important;
}
/*ad call to action button bg color / border radius*/
.ytp-ad-action-interstitial-action-button {
background-color: #167ac659 !important;
color: #167ac6 !important;
border-radius: 10px !important;
}
/*ad like / dislike container border radius*/
.ytp-ad-instream-user-sentiment-container {
background: rgba(29, 29, 29, 0.35) !important;
border-radius: 10px !important;
margin-right: 10px !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
/*image border radius*/
img {
border-radius: 10px !important;
}
/*ad border radius*/
a#click-target {
border-radius: 10px !important;
}
/*ad badge bg color*/
.badge-style-type-ad.ytd-badge-supported-renderer {
background: #3c3c3b !important;
}
/*ad bg color delete*/
body.date-20200214.en_US.ltr.exp-invert-logo.exp-kevlar-settings.exp-responsive.exp-search-big-thumbs.site-center-aligned.site-as-giant-card.webkit.webkit-537.inverted-hdpi {
background-color: transparent !important;
}
/*explaining popup color*/
yt-tooltip-renderer {
--yt-button-color: #ffffff !important;
background-color: #3e3e3e9e !important;
color: #d4d4d4 !important;
}
/*explaining popup arrow right color*/
yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_RIGHT"]::before {
border-color: transparent #3e3e3e transparent transparent !important;
}
/*explaining popup arrow below color*/
yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_TOPRIGHT"]::before {
border-color: #3e3e3e transparent transparent transparent !important;
}
/*explaining popup arrow above color*/
yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_BOTTOMLEFT"]::before {
border-color: transparent transparent #3e3e3e transparent !important;
}
/*explaining popup arrow left color*/
yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_LEFT"]::before {
border-color: transparent transparent transparent #3e3e3e!important;
}
/*yt mini survey border radius*/
ytd-single-option-survey-option-renderer[vertical] {
border-radius: 10px !important;
}
/*subtitles bg color / backdrop filter*/
/* span.ytp-caption-segment {
background-color: rgba(50, 50, 50, 0.50) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-radius: 10px !important;
}
/*info popup backdrop filter / border radius*/
.ytp-tooltip-text, #tooltip.paper-tooltip, span.ytp-ad-toggle-button-tooltip {
background: rgba(50, 50, 50, 0.50) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-radius: 8px !important;
}
/*merchandiese next button shadow delete*/
.arrow.ytd-merch-shelf-renderer {
box-shadow: none !important;
}
/*shop button / ... background color / border radius*/
#shop-button.ytd-merch-shelf-item-renderer {
background-color: rgba(0, 149, 255, 0.26) !important;
border-radius: 10px !important;
color: var(--yt-spec-call-to-action) !important;
}
/*yt top background*/
html[dark] {
background-color: #272727 !important;
}
/*view all button redesign*/
#view-all-endpoint.yt-simple-endpoint.ytd-vertical-watch-card-list-renderer {
border-bottom: none !important;
margin-left: 140px !important;
border-radius: 10px !important;
padding: 10px !important;
background: #4040406e !important;
margin-right: 165px !important;
}
/*mix videowall on thumbnail*/
.ytp-videowall-still[data-is-list=true]:not([data-is-mix=true]) .ytp-videowall-still-listlabel-regular, .ytp-videowall-still[data-is-mix=true] .ytp-videowall-still-listlabel-mix {
background: rgba(50, 50, 50, 0.50) !important;
backdrop-filter: blur(5px) !important;
-webkit-backdrop-filter: blur(5px) !important;
padding-left: 10px !important;
margin-bottom: 6px !important;
border-radius: 0px 0px 10px 10px !important;
margin-right: 6px !important;
margin-left: 6px !important;
}
/*thumbnail time backdrop filter*/
ytd-thumbnail-overlay-time-status-renderer, .ytp-videowall-still-info-duration {
background-color: rgba(0, 0, 0, 0.4) !important;
border-radius: 5px !important;
backdrop-filter: blur(3px) !important;
-webkit-backdrop-filter: blur(5px) !important;
}
/*yt original hover info*/
#hover.ytd-poster-renderer {
border-radius: 10px !important;
}
/*secondary side container thumbnail border radius*/
.title-fade.ytd-watch-card-hero-video-renderer {
border-radius: 10px !important;
}
/*secondary side container thumbnail border radius*/
ytd-single-hero-image-renderer {
border-radius: 10px !important;
}
/*secondary side container image border radius*/
#section-left.ytd-collage-hero-image-renderer {
border-radius: 10px !important;
}
/*miniplayer show more fix*/
#card.ytd-miniplayer {
z-index: 10 !important;
}
/*playlist panel border radius*/
.playlist-items.ytd-playlist-panel-renderer {
border-radius: 0px 0px 12px 12px !important;
}
/*miniplayer shadow delete*/
ytd-miniplayer {
box-shadow: none !important;
}
/*miniplayer shadow delete*/
.html5-video-player.ytp-player-minimized:not(.ended-mode):not(.cued-mode):not(.unstarted-mode) {
box-shadow: none !important;
}
/*miniplayer margin*/
ytd-miniplayer.style-scope.ytd-app {
margin-bottom: 15px !important;
margin-right: 10px !important;
}
/*miniplayer info bar border radius / backdrop filter / color*/
#info-bar.ytd-miniplayer {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 0px 0px 13px 13px !important;
z-index: -1 !important;
background-color: rgba(50, 50, 50, 0.50) !important;
}
/*miniplayer background delete*/
ytd-miniplayer, .video.ytd-miniplayer, #card.ytd-miniplayer {
background-color: transparent !important;
}
/*miniplayer container border radius*/
#player-container.ytd-miniplayer {
border-radius: 13px !important;
}
/*live badge text*/
.ytp-videowall-still[data-is-live=true] .ytp-videowall-still-info-live {
color: #272727 !important;
}
/*thumbnail overlay (play all) bg color*/
ytd-thumbnail-overlay-hover-text-renderer {
background-color: rgba(0, 0, 0, 0.5) !important;
}
/*channel menu item border radius*/
ytd-account-item-renderer.style-scope.ytd-account-item-section-renderer, paper-item.list-item.style-scope.ytd-account-settings {
border-radius: 10px !important;
}
/*movie player theater container border radius*/
ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy, ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy {
border-radius: 13px !important;
}
/*info card teaser backdrop filter*/
.ytp-cards-teaser {
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-radius: 7px !important;
}
/*info card teaser background / border radius*/
.ytp-cards-teaser .ytp-cards-teaser-box {
background: rgba(50, 50, 50, 0.50) !important;
border-radius: 7px !important;
border: none !important;
}
/*info card teaser text color*/
.ytp-cards-teaser .ytp-cards-teaser-text {
color: #fff !important;
}
/*buy button background / text color*/
#button.yt-live-chat-message-buy-flow-renderer, yt-button-renderer.style-primary[is-paper-button], #action.ytd-action-companion-ad-renderer {
background-color: rgba(0, 149, 255, 0.26) !important;
border-radius: 10px !important;
color: #3ea6ff !important;
}
/*member tier selected item border radius(sponsorship offer)*/
.offer-overview-item.selected.ytd-sponsorships-offer-with-video-renderer, .offer-overview-item.ytd-sponsorships-offer-with-video-renderer:not(:last-of-type) {
border-radius: 10px !important;
border: none !important;
}
/*member tier selected item border delete(sponsorship offer)*/
.offer-overview-item.ytd-sponsorships-offer-with-video-renderer:not(:last-of-type) {
border: none !important;
}
/*member tier selected item (sponsorship offer)*/
.style-included-perks.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer, .style-unspecified.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer {
border-radius: 10px !important;
}
/*member tier selected item info border radius(sponsorship offer)*/
.style-included-perks.ytd-sponsorships-expandable-message-renderer #content-container.ytd-sponsorships-expandable-message-renderer, .style-unspecified.ytd-sponsorships-expandable-message-renderer #content-container.ytd-sponsorships-expandable-message-renderer {
border-radius: 10px !important;
margin-top: 5px;
}
/*yt original header border radius*/
ytd-watch-card-rich-header-renderer {
border-radius: 10px !important;
margin-bottom: 5px !important;
}
/*yt button border radius*/
ytd-call-to-action-button-renderer[button-color=OPAQUE_BLACK] #overlay-button.ytd-call-to-action-button-renderer {
border-radius: 7px !important;
}
/*bottom right info renderer*/
paper-toast#toast {
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
background: rgba(50, 50, 50, 0.50) !important;
}
/*border delete*/
ytd-rich-shelf-renderer[is-show-more-hidden] #dismissable.ytd-rich-shelf-renderer {
border-bottom: none !important;
}
/*yt background*/
ytd-two-column-browse-results-renderer.style-scope.ytd-browse, ytd-search.style-scope.ytd-page-manager, ytd-browse.style-scope.ytd-page-manager {
background: #191919 !important;
}
/*live chat info card*/
#card.yt-live-chat-viewer-engagement-message-renderer {
background-color: #272727;
border-radius: 10px !important;
}
/*filter text fix*/
#label.ytd-search-filter-renderer {
background: none !important;
}
/*set reminder border radius*/
#buttons.ytd-rich-grid-video-renderer > *.ytd-rich-grid-video-renderer {
margin-top: 4px;
border-radius: 7px !important;
}
/*menu backdrop filter (channel / upload video / ...)*/
ytd-multi-page-menu-renderer[background-color-update], ytd-menu-popup-renderer, #contentWrapper.iron-dropdown > * {
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
/*show more button border delete / color*/
paper-button.style-scope.yt-next-continuation {
border: none !important;
color: gray !important;
}
/*show more button redesign*/
yt-formatted-string.style-scope.yt-next-continuation {
background: #48484852 !important;
padding: 7px !important;
border-radius: 8px !important;
}
/*playlist overlay backdrop filter*/
ytd-thumbnail-overlay-side-panel-renderer {
background: rgba(50, 50, 50, 0.30) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
margin-bottom: -2px !important;
border-radius: 0px 12px 12px 0px;
}
/*notification counter redesign*/
#notification-count.ytd-notification-topbar-button-renderer {
top: 5px !important;
right: 3px !important;
color: black !important;
width: 16px !important;
height: 16px !important;
border-radius: 6px !important;
line-height: 16px !important;
}
/*yt post background color*/
ytd-post-renderer[uses-compact-lockup_] {
background-color: #1d1d1d !important;
}
/*searchbar remove text color (already searched)*/
.sbsb_i {
color: #919191 !important;
}
/*set reminder (premiere)*/
#buttons.ytd-grid-video-renderer > *.ytd-grid-video-renderer {
border-radius: 7px !important;
}
/*liked by creator heart border*/
#hearted-border.ytd-creator-heart-renderer {
color: #181818 !important;
}
ytd-rich-grid-renderer {
margin: 0 24px 0 35px !important;
}
/*endscreen playlist count backdrop filter*/
.ytp-ce-playlist-count {
background-color: rgba(0, 0, 0, 0.15) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-radius: 0px 0px 10px 10px;
}
/*outline delete*/
.style-scope:focus {
outline: none;
}
/*view email button border radius*/
ytd-button-renderer[is-paper-button][align-by-text]:not(:empty) {
margin-left: -16px;
border-radius: 10px !important;
}
/*sidebar width*/
#contentContainer.app-drawer {
width: 249px !important;
padding-left: 3px !important;
}
/*sidebar hover border radius*/
.ytd-guide-section-renderer #endpoint:hover {
border-radius: 10px !important;
}
/*sidebar selected border radius*/
ytd-guide-entry-renderer[active] {
border-radius: 10px !important;
}
/*sidebar selected border radius*/
paper-item.style-scope.ytd-guide-entry-renderer::before {
border-radius: 10px !important;
}
/*survey border delete*/
ytd-primetime-promo-renderer.ytd-rich-section-renderer, ytd-inline-survey-renderer.ytd-rich-section-renderer {
border: none !important;
}
/*survey sent border radius / color*/
#dismissed.ytd-inline-survey-renderer {
border-radius: 15px !important;
background-color: #252a3abd !important
}
/*survey checkmark margin*/
#checkmark.paper-checkbox {
margin-top: 1px !important;
margin-left: -1px !important;
}
/*survey chechbox border radius*/
#checkbox.paper-checkbox {
border-radius: 7px !important;
}
/*survey container dismiss border radius / color*/
#dismiss-button.ytd-inline-survey-renderer {
background-color: #252a3aad !important;
border-radius: 0px 15px 15px 0px !important;
}
/*survey checkbox / title container border radius*/
paper-checkbox.style-scope.ytd-checkbox-survey-option-renderer {
border-radius: 10px !important;
}
/*survey checkbox / title container border radius / color*/
ytd-checkbox-survey-option-renderer.ytd-inline-survey-renderer {
background-color: #44444436 !important;
border-radius: 10px !important;
}
/*survey expanded container border radius / color / padding*/
ytd-inline-survey-renderer[expanded] #dismissable.ytd-inline-survey-renderer {
background-color: #252a3aad !important;
border-radius: 15px 0px 0px 15px !important;
padding: 4px !important;
}
/*survey (video / title) container border radius / color*/
#inline-survey-compact-video-renderer.ytd-inline-survey-renderer {
border-radius: 13px !important;
background-color: #121212ab !important;
}
/*survey container border radius / color*/
#star-survey.ytd-inline-survey-renderer {
border-radius: 15px !important;
background-color: #252a3a94 !important;
}
/*yt header border radius fix*/
#container.ytd-masthead {
border-radius: 0px !important;
}
/*merchandise border bottom fix*/
ytd-video-secondary-info-renderer {
border-bottom: none !important;
}
/*dark theme background fix*/
#label.ytd-toggle-theme-compact-link-renderer {
background: none !important;
}
/*video shadow fix (channel)*/
.html5-video-player:not(.ytp-transparent), .html5-video-player.unstarted-mode, .html5-video-player.ad-interrupting, .html5-video-player.ended-mode, .html5-video-player.ytp-fullscreen {
box-shadow: none !important;
}
/*[[pbvs]]*/
/*dropdown menu border radius*/
paper-item.style-scope.ytd-menu-navigation-item-renderer {
border-radius: 10px !important;
}
/*video setting menu border radius*/
.ytp-menuitem-icon {
border-radius: 10px 0px 0px 10px !important;
}
/*video setting menu border radius*/
.ytp-menuitem-content {
border-radius: 0px 10px 10px 0px !important;
}
/*next button background fix*/
.ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) {
background-color: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
/*progress bar / next button preview border radius*/
.ytp-tooltip.ytp-bottom, .ytp-tooltip-bg, a.ytp-next-button.ytp-button {
border-radius: 8px !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
background: rgba(50, 50, 50, 0.50);
}
/*(channel) community video box border radius*/
ytd-video-renderer.style-scope.ytd-backstage-post-renderer {
border-radius: 10px !important;
}
/*(channel) community thread border radius*/
ytd-backstage-post-thread-renderer[enable-borders-on-community] {
border-radius: 15px !important;
}
/*label background fix*/
#label.ytd-profile-column-stats-entry-renderer, #poll-votes.ytd-backstage-poll-renderer {
background: transparent !important;
}
/*dropdown menu highlighter border radius*/
paper-item.style-scope.ytd-menu-service-item-renderer {
border-radius: 10px !important;
}
/*dropdown menu highlighter border radius*/
paper-item.style-scope.yt-dropdown-menu {
border-radius: 10px !important;
}
/*channel header bg color*/
#channel-container.ytd-c4-tabbed-header-renderer, #tabs-container.ytd-c4-tabbed-header-renderer {
background-color: rgba(31, 31, 31, 0.4) !important;
}
/*channel header backdrop filter*/
div#channel-header {
background-color: rgba(31, 31, 31, 0.55) !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
}
/*channel tabs backdrop filter*/
ytd-c4-tabbed-header-renderer[background-color-update] #channel-container.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer[background-color-update] #tabs-container.ytd-c4-tabbed-header-renderer {
background-color: rgba(23, 23, 23, 0.55) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
/*channel tabs backdrop filter*/
#tabs-inner-container.ytd-c4-tabbed-header-renderer {
background-color: rgba(40, 40, 40, 0.4) !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
}
/*toggle theme background fix*/
label.ytd-toggle-theme-compact-link-renderer {
background: transparent !important;
}
/*watch later icon (thumbnail) backdrop filter / border radius*/
div#label{
background: rgba(50, 50, 50, 0.60) !important;
/*backdrop-filter: blur(20px) !important;*/
-webkit-backdrop-filter: blur(20px) !important;
border-radius: 5px !important;
}
/*watch later icon (thumbnail) backdrop filter / border radius*/
ytd-thumbnail-overlay-toggle-button-renderer.style-scope.ytd-thumbnail {
background: rgba(50, 50, 50, 0.60) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-radius: 5px !important;
}
/*merchandise title margin top*/
div#title {
margin-top: 10px !important;
}
/*merchandise container margin top*/
td-merch-shelf-renderer[align-with-description][watch-color-update] {
margin-top: 1px !important;
}
/*merchandise container border radius*/
ytd-merch-shelf-renderer.style-scope.ytd-watch-flexy {
border-radius: 10px !important;
border: none;
}
/*merchandise highlighter*/
ytd-merch-shelf-item-renderer.style-scope.ytd-merch-shelf-renderer {
border-radius: 8px !important;
}
/*infocard border radius*/
ytp-cards-teaser-box {
border-radius: 10px !important;
}
/*social media links (channel)*/
#primary-links.ytd-c4-tabbed-header-renderer, #secondary-links.ytd-c4-tabbed-header-renderer {
border-radius: 10px !important;
margin-right: 10px;
}
/*yt button border radius*/
ytd-button-renderer.style-destructive[is-paper-button] {
border-radius: 8px !important;
}
/*endscreen video suggestion live margin*/
span.ytp-videowall-still-info-live {
margin-bottom: 10px !important;
margin-right: 10px !important;
}
/*endscreen video suggestion time margin*/
span.ytp-videowall-still-info-duration {
margin-bottom: 10px !important;
margin-right: 10px !important;
}
/*endscreen video suggestion author info margin*/
span.ytp-videowall-still-info-author {
margin-left: 7px !important;
}
/*endscreen video suggestion title margin*/
span.ytp-videowall-still-info-title {
margin-top: 5px !important;
margin-left: 7px !important;
}
/*endscreen video suggestion margin / border radius*/
.ytp-videowall-still-image {
margin-top: 7px !important;
margin-bottom: 7px !important;
margin-right: 7px !important;
margin-left: 7px !important;
border-radius: 10px !important;
}
/*thumbnail scale effect*/
ytd-thumbnail, #thumbnail.ytd-playlist-thumbnail, .ytp-show-tiles .ytp-videowall-still {
transition: all 0.25s !important;
}
/*thumbnail scale effect*/
ytd-thumbnail:hover, #thumbnail.ytd-playlist-thumbnail:hover, .ytp-show-tiles .ytp-videowall-still:hover {
transform: scale(1.05)
}
/*borderless search icon*/
#search-icon-legacy.ytd-searchbox {
border: none !important;
}
/*borderless searchbar*/
#container.ytd-searchbox {
border: none !important;
}
/*dark background*/
div#columns {
background-color: #191919 !important;
}
/*search icon background color*/
#search-icon-legacy.ytd-searchbox {
background-color: rgba(101, 100, 100, 0.24) !important;
}
/*searchbar background color*/
#container.ytd-searchbox {
background-color: #0000003d !important;
}
/*searchhead backdrop filter*/
#container.ytd-masthead {
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
/*searchhead background color*/
html:not(.style-scope), :not(.style-scope) {
--yt-spec-brand-background-primary: rgba(51, 51, 51, 0.46) !important;
}
/*yt sub button (subsribed) color*/
paper-button.ytd-subscribe-button-renderer[subscribed] {
background-color: rgba(255, 255, 255, 0.09) !important;
color: #aaa !important;
}
/*like & dislike animation*/
@keyframes voting {
0% {
transform: rotate(-2deg) scale(0.5);
}
10% {
transform: rotate(-4deg) scale(1.3);
}
30% {
transform: rotate(-6deg) scale(1.7)
}
70% {
transform: rotate(3deg) scale(0.6)
}
100% {
transform: rotate(0deg) scale(1)
}
}
/*like animation time*/
#info ytd-toggle-button-renderer:nth-of-type(1) .style-default-active yt-icon {
animation: voting 1.1s ease forwards;
}
/*dislike animation time*/
#info ytd-toggle-button-renderer:nth-of-type(2) .style-default-active yt-icon {
animation: voting 1.1s ease forwards;
}
/*live badge border radius*/
.badge-style-type-live-now.ytd-badge-supported-renderer {
border-radius: 5px !important;
}
/*channel name border radius fix*/
#container.ytd-channel-name {
border-radius: 0px !important;
}
/*endscreen channel border radius*/
.ytp-ce-channel, .ytp-ce-channel .ytp-ce-expanding-image, .ytp-ce-channel .ytp-ce-element-shadow {
border-radius: 17px !important;
}
/*endscreen playlist border radius top left*/
.ytp-ce-element.ytp-ce-playlist.ytp-ce-element-show.ytp-ce-top-left-quad {
border-radius: 10px !important;
}
/*endscreen playlist border radius top right*/
.ytp-ce-element.ytp-ce-playlist.ytp-ce-element-show.ytp-ce-top-right-quad {
border-radius: 10px !important;
}
/*endscreen playlist border radius bottom right*/
.ytp-ce-element.ytp-ce-playlist.ytp-ce-element-show.ytp-ce-bottom-right-quad {
border-radius: 10px !important;
}
/*endscreen playlist border radius bottom left*/
.ytp-ce-element.ytp-ce-playlist.ytp-ce-element-show.ytp-ce-bottom-left-quad {
border-radius: 10px !important;
}
/*endscreen website border radius top left*/
.ytp-ce-element.ytp-ce-website.ytp-ce-element-show.ytp-ce-top-left-quad {
border-radius: 17px !important;
}
/*endscreen website border radius top right*/
.ytp-ce-element.ytp-ce-website.ytp-ce-element-show.ytp-ce-top-right-quad {
border-radius: 17px !important;
}
/*endscreen website border radius bottom left*/
.ytp-ce-element.ytp-ce-website.ytp-ce-element-show.ytp-ce-bottom-left-quad {
border-radius: 17px !important;
}
/*endscreen website border radius bottom right*/
.ytp-ce-element.ytp-ce-website.ytp-ce-element-show.ytp-ce-bottom-right-quad {
border-radius: 17px !important;
}
/*endscreen website image border radius*/
.ytp-ce-expanding-image {
border-radius: 17px !important;
}
/*gaming info container border radius*/
ytd-rich-metadata-renderer.style-scope.ytd-rich-metadata-row-renderer {
border-radius: 10px !important;
}
/*live chat bottom background color*/
yt-live-chat-message-input-renderer {
background: rgba(0, 0, 0, 0) !important;
}
/*live chat bar delete*/
#input-panel.yt-live-chat-renderer::after {
height: 0px !important;
}
/*live chat bar delete*/
yt-live-chat-renderer {
border-radius: 10px !important;
}
/*channel sub button (in video / bottom right) border radius / backdrop filter / color*/
.iv-branding .branding-context-container-inner {
border-radius: 10px !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
background: rgba(50, 50, 50, 0.50) !important;
}
/*endscreen title background*/
.yt-ui-ellipsis {
background-color: #2b2b2b00;
}
/*info card image border radius*/
.iv-card-image {
border-radius: 10px 10px 0px 0px !important;
}
/*info card background color / border radius*/
.iv-card {
background: rgba(50, 50, 50, 0.50) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-radius: 10px !important;
}
/*info card text color*/
.iv-card h2 {
color: #d8d8d8;
}
/*info card text color*/
.ytp-ce-channel-this .ytp-ce-channel-metadata {
margin-top: 0px !important;
}
/*endscreen border top (text / sub button)*/
.ytp-ce-channel-this .ytp-ce-channel-metadata {
border-top: 1px solid #dc4a4a00;
}
/*endscreen channel info sub button (unsubscribed) border radius*/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
border-radius: 8px !important;
}
/*endscreen channel info sub button (subscribed) color / border radius / padding*/
.ytp-sb-unsubscribe {
background-color: #545454;
color: rgba(171, 171, 171, 0.6);
border-radius: 8px !important;
padding: 10px 22px !important;
}
/*endscreen channel margin (header / sub button)*/
a.ytp-ce-channel-title.ytp-ce-link {
margin-bottom: 5px;
}
/*endscreen channel info text color*/
.ytp-ce-channel-metadata {
color: #ffffff;
}
/*endscreen channel / website info card color / border radius / backdrop filter*/
.ytp-ce-expanding-overlay-background {
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
background: rgba(50, 50, 50, 0.50) !important;
border-radius: 10px !important;
box-shadow: none !important;
}
/*endscreen website header color*/
.ytp-ce-website-title, .ytp-ce-merchandise-title {
color: #fff;
}
/*endscreen video border radius top left*/
.ytp-ce-element.ytp-ce-video.ytp-ce-element-show.ytp-ce-bottom-left-quad {
border-radius: 10px !important;
}
/*endscreen video border radius top right*/
.ytp-ce-element.ytp-ce-video.ytp-ce-element-show.ytp-ce-bottom-right-quad {
border-radius: 10px !important;
}
/*endscreen video border radius bottom left*/
.ytp-ce-element.ytp-ce-video.ytp-ce-element-show.ytp-ce-top-left-quad {
border-radius: 10px !important;
}
/*endscreen video border radius bottom right*/
.ytp-ce-element.ytp-ce-video.ytp-ce-element-show.ytp-ce-top-right-quad {
border-radius: 10px !important;
}
a#wide-clickable-area {
border-radius: 9px !important;
}
/*live chat / ... header*/
div#header {
border-radius: 10px 10px 0px 0px !important;
}
ytd-movie-offer-module-renderer.style-scope.ytd-watch-next-secondary-results-renderer {
border-radius: 10px !important;
}
/*ytd button border radius*/
ytd-button-renderer.style-primary[is-paper-button] {
border-radius: 7px !important;
}
/*show more button yt feed border radius*/
ytd-button-renderer#show-more-button {
border-radius: 10px;
}
/*show more button yt feed transparent border*/
#show-more-button.ytd-rich-shelf-renderer {
border-bottom: #f000;
}
/*yt feed transparent border*/
ytd-rich-shelf-renderer {
border-top: #f000;
}
ytd-post-renderer.style-scope.ytd-rich-item-renderer {
border-radius: 10px !important;
}
/*thumbnail border radius*/
a#thumbnail {
border-radius: 12px !important;
}
/*thumbnail background border radius*/
ytd-thumbnail.ytd-rich-grid-video-renderer:before {
border-radius: 12px !important;
}
/*video title border radius fix*/
#video-title {
border-radius: 0px !important;
}
/*video title border radius fix*/
a.yt-simple-endpoint.style-scope.yt-formatted-string {
border-radius: 0px !important;
}
/*searchbar predictions highlighter border radius*/
.gsfs {
border-radius: 7px !important;
}
/*thumbnail border radius*/
img#img {
border-radius: 10px !important;
}
/*save to (playlist) container backdrop filter*/
paper-dialog.style-scope.ytd-popup-container {
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
background: rgba(64, 64, 64, 0.40) !important;
}
/*cancel / submit (commetbox) button border radius*/
#cancel-button.ytd-commentbox, #submit-button.ytd-commentbox {
border-radius: 7px !important;
}
/*scrollbar border radius*/
.menu-container.ytd-multi-page-menu-renderer::-webkit-scrollbar-thumb {
border-radius: 5px !important;
}
/*theme toggle highlighter border radius*/
ytd-toggle-theme-compact-link-renderer.style-scope.yt-multi-page-menu-section-renderer {
border-radius: 10px !important;
}
/*channel menu highlighter border radius*/
ytd-compact-link-renderer.style-scope.yt-multi-page-menu-section-renderer {
border-radius: 10px !important;
}
/*notification menu highlighter border radius*/
ytd-notification-renderer {
border-radius: 10px !important;
}
/*live chat header border radius*/
yt-live-chat-header-renderer.style-scope.yt-live-chat-renderer {
border-radius: 10px 10px 0px 0px !important;
}
/*info popup backdrop filter*/
#tooltip.paper-tooltip {
border-radius: 10px !important;
padding: 4px 8px !important;
margin: 12px 8px !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
/*right click info panel backdrop filter*/
.ytp-popup, .html5-video-info-panel {
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-radius: 10px !important;
background: rgba(50, 50, 50, 0.30) !important;
}
/*searchbar predictions backdrop filter*/
.sbdd_b, .sbsb_a {
margin-top: 5px !important;
border: 0 !important;
background: rgba(50, 50, 50, 0.3) !important;
border-radius: 10px !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
/*searchbar text*/
.sbsb_d {
background: rgba(255, 255, 255, 0.1) !important;
}
/*searchbar text bottom right*/
.sbfl_a, .sbfl_b {
color: rgba(255, 255, 255, 0.5) !important;
background: transparent !important;
}
/*ytd transparent background*/
#contentContainer.app-drawer[opened], #guide-wrapper.ytd-app {
background: transparent !important;
}
/*sidebar background backdrop filter*/
#guide-content.ytd-app, ytd-app[background-color-update_] #guide-content.ytd-app, ytd-mini-guide-renderer.ytd-app {
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
background: rgba(35, 35, 35, 0.5) !important;
overflow: hidden !important;
}
/*ytd transparent background*/
ytd-mini-guide-entry-renderer[background-color-update], ytd-mini-guide-entry-renderer, ytd-menu-popup-renderer, paper-dialog, ytd-sponsorships-offer-renderer[dialog][dialog][dialog], ytd-account-settings, .dropdown-content.paper-menu-button, #embed-panel.yt-sharing-embed-renderer, ytd-report-details-form-renderer[dialog][dialog][dialog], ytd-app[background-color-update_] {
background: transparent !important;
}
/*dropdown menu / notification center / ... backdrop filter*/
ytd-multi-page-menu-renderer[background-color-update], paper-listbox, yt-confirm-dialog-renderer[dialog][dialog][dialog], paper-toast.yt-notification-action-renderer, paper-dialog, yt-report-form-modal-renderer[dialog][dialog][dialog], ytd-hotkey-dialog-renderer[dialog][dialog][dialog], paper-listbox.yt-dropdown-menu {
border-radius: 10px !important;
background: rgba(50, 50, 50, 0.40) !important;
border: 0 !important;
overflow: hidden !important;
}
/*menu shadow / border radius*/
ytd-multi-page-menu-renderer[background-color-update], ytd-menu-popup-renderer, #contentWrapper.iron-dropdown > * {
box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.75) !important;
border-radius: 10px !important;
}
/*notification menu video border radius / shadow*/
.thumbnail-container.ytd-notification-renderer, .thumbnail-container.ytd-comment-video-thumbnail-header-renderer {
border-radius: 10px !important;
box-shadow: 0px 0 20px 0px rgba(0,0,0,0.5) !important;
}
/*channel menu header*/
ytd-active-account-header-renderer {
background: rgba(50, 50, 50, 0.50) !important;
}
/*share center / ... border radius*/
paper-dialog, ytd-sponsorships-offer-renderer[dialog][dialog][dialog], ytd-sponsorships-offer-with-video-renderer[dialog][dialog][dialog], .dropdown-content.paper-menu-button {
border-radius: 10px !important;
}
/*menu background transition (closed)*/
iron-overlay-backdrop {
background-color: rgba(31, 33, 53, 0);
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
opacity: 1;
transition: all .5s;
}
/*menu background transition (opened)*/
iron-overlay-backdrop.opened, .b3-modal-dialog-quantum.b3-modal-dialog.modal-dialog-bg {
background-color: rgba(50, 50, 50, 0.50);
opacity: 1 !important;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px) !important;
}
/*ytd membership background*/
ytd-sponsorships-offer-with-video-renderer[dialog][dialog][dialog] {
background: rgba(50, 50, 50, 0.50) !important;
}
/*dropdown menu shadow delete*/
.dropdown-content.paper-menu-button {
box-shadow: 0px 0px 0px 0px !important;
}
/*share center link backdrop filter*/
#bar.yt-copy-link-renderer {
background: rgba(50, 50, 50, 0.50);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px) !important;
border: 0;
overflow: hidden;
border-radius: 10px !important;
}
/*live chat box hidden*/
#description-text.ytd-report-details-form-renderer, #card.yt-live-chat-paid-message-renderer {
overflow: hidden;
}
textarea-container fit style-scope iron-autogrow-textarea {
padding: 5px !important;
}
/*playlist shadow*/
ytd-engagement-panel-section-list-renderer[watch-color-update], ytd-playlist-panel-renderer[watch-color-update_] #container.ytd-playlist-panel-renderer, ytd-live-chat-frame[watch-color-update_] {
border: 0;
overflow: hidden;
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
}
/*socialblade border radius*/
#socialblade, #socialblade-tab paper-button, #socialblade-tab paper-button {
border-radius: 10px !important;
}
/*socialblade border radius*/
#sb-heading {
border-radius: 10px 10px 0px 0px !important;
}
/*socialblade border radius*/
#sb-data-pages {
border-radius: 0px 0px 10px 10px !important;
}
/*live chat header border radius*/
#yt-live-chat-header-renderer.style-scope.yt-live-chat-renderer {
border-radius: 10px !important;
}
/*live chat hide button border radius*/
ytd-live-chat-frame[watch-color-update] #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame {
border-radius: 10px !important;
}
/*live chat border radius*/
ytd-watch-flexy[flexy_][js-panel-height_] #chat.ytd-watch-flexy {
border-radius: 10px !important;
}
/*join button / ... background color / border radius*/
ytd-button-renderer.style-suggestive[is-paper-button] paper-button.ytd-button-renderer {
border: none !important;
background-color: rgba(0, 149, 255, 0.26) !important;
padding: 10px 14px !important;
}
/*ytd clarification box (public broadcast / ...)*/
ytd-clarification-renderer {
border-radius: 13px !important;
margin-top: 20px !important;
background-color: #202020 !important;
}
/*comment author title*/
#author-text.yt-simple-endpoint.ytd-comment-renderer {
margin-right: 16px;
background-color: rgba(183, 183, 183, 0.18);
padding: 2px 10px;
}
/*movie player border radius / shadow*/
#movie_player, .video-stream, .ytp-small-mode {
border-radius: 13px !important;
box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.5);
}
/*playlist highlighter border radius*/
ytd-playlist-panel-video-renderer#playlist-items {
border-radius: 8px;
}
/*scrollbar border radius*/
#guide-inner-content.ytd-app::-webkit-scrollbar-thumb {
border-radius: 5px !important;
}
/*scrollbar border radius*/
.yt-scrollbar-dark.ytd-playlist-panel-renderer::-webkit-scrollbar-thumb {
border-radius: 5px !important;
}
/*container border radius*/
div#container {
border-radius: 13px !important;
}
/*playlist header border radius*/
.header.style-scope.ytd-playlist-panel-renderer {
border-radius: 12px 12px 0px 0px !important;
}
/*search icon color*/
#search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
color: hsl(0, 0%, 0%) !important;
}
/*button border radius*/
ytd-button-renderer #button.ytd-button-renderer {
border-radius: 8px !important;
}
/*video (playlist) border radius*/
ytd-playlist-video-renderer {
border-radius: 10px !important;
}
/*sub button border radius*/
paper-button.ytd-subscribe-button-renderer {
border-radius: 8px !important;
}
/*searchbox border radius*/
#search-icon-legacy.ytd-searchbox {
border-radius: 0px 10px 10px 0px !important;
}
#items.yt-horizontal-list-renderer > ytd-post-renderer.yt-horizontal-list-renderer {
border-radius: 10px !important;
}
/*searchbox border radius*/
#container.ytd-searchbox {
border-radius: 10px 0px 0px 10px !important;
}
/*thumbnail border radius*/
.yt-simple-endpoint {
border-radius: 8px !important;
}
/*↓rounded square avatars↓*/
yt-img-shadow#author-photo {
border-radius: 8px !important;
}
#author-photo.yt-live-chat-text-message-renderer {
border-radius: 8px !important;
}
yt-img-shadow#thumbnail {
border-radius: 20px !important;
}
ytd-comment-renderer:not([comment-style="backstage-comment"])[is-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer, ytd-comment-renderer[is-creator-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {
border-radius: 8px !important;
}
yt-img-shadow.ytd-channel-renderer {
border-radius: 20px !important;
}
yt-img-shadow#avatar {
border-radius: 8px !important;
}
#avatar.ytd-active-account-header-renderer {
border-radius: 10px !important;
}
yt-img-shadow.ytd-mini-channel-renderer {
border-radius: 8px !important;
}
yt-img-shadow.ytd-topbar-menu-button-renderer {
border-radius: 10px !important;
}
yt-img-shadow.ytd-channel-avatar-editor {
border-radius: 20px !important;
}
#avatar.ytd-c4-tabbed-header-renderer {
border-radius: 20px !important;
}
#author-thumbnail.ytd-comment-simplebox-renderer {
border-radius: 13px !important;
}
#author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {
border-radius: 13px !important;
}
#avatar.ytd-video-owner-renderer {
border-radius: 13px !important;
}
yt-img-shadow.style-scope.ytd-guide-entry-renderer.no-transition {
border-radius: 8px !important;
}
yt-img-shadow.style-scope.ytd-grid-channel-renderer.no-transition {
border-radius: 20px !important;
}
yt-img-shadow.ytd-backstage-image-renderer {
--yt-img-border-radius: 10px !important;
}
ytd-comment-renderer:not([comment-style=backstage-comment])[is-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer, ytd-comment-renderer[is-creator-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {
width: 30px !important;
height: 30px !important;
}
.ytp-flyout-cta .ytp-flyout-cta-icon {
border-radius: 10px !important;
}
a.ytp-title-channel-logo {
border-radius: 10px !important;
}
/*↑rounded square avatars↑*/
}