diff --git a/theme/style.css b/theme/style.css index e6d03b0..57544d1 100644 --- a/theme/style.css +++ b/theme/style.css @@ -12,14 +12,14 @@ /*To Here*/ /* SIDEBAR CONFIG */ #contentContainer.tp-yt-app-drawer[opened] { - background: #18181818 !important;/*CHANGE THIS TO APPLY COLOR TO SIDEBAR*/ - backdrop-filter: blur(10px) !important; + background: #220b0b2f !important;/*CHANGE THIS TO APPLY COLOR TO SIDEBAR*/ + backdrop-filter: blur(38px) !important; border-radius: 10px !important; } /*Caption Window BG and Blur*/ .caption-window { background-color: rgba(50, 50, 50, .2) !important;/*CHANGE THE DECIMAL VALUE TO ADJUST THE DARKNESS OF THE CAPTION WINDOW*/ - backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; border-radius: 10px !important; } /*Dark search text @@ -76,7 +76,7 @@ ytd-thumbnail.ytd-rich-grid-media:before { } /*feed filter blur transition when hover*/ iron-selector{ - backdrop-filter: blur(10px); + backdrop-filter: blur(38px); transition: none; } /*feed filter space remove*/ @@ -115,14 +115,14 @@ ytd-feed-filter-chip-bar-renderer { .subscribecard-endscreen .ytp-subscribe-card { background: rgba(0, 0, 0, 0.75) !important; border-radius: 15px !important; - backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !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; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; } /*movie bg delete*/ ytd-thumbnail.ytd-rich-movie-renderer:before { @@ -132,8 +132,8 @@ ytd-thumbnail.ytd-rich-movie-renderer:before { .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; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; } /*next video preview text bg delete*/ .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-text { @@ -161,8 +161,8 @@ ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy, ytd-watch-fl } /*info card teaser backdrop filter*/ .ytp-cards-teaser { - backdrop-filter: blur(10px) !important; - -webkit-backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; border-radius: 7px !important; } /*info card teaser background / border radius*/ @@ -192,8 +192,8 @@ ytd-call-to-action-button-renderer[button-color=OPAQUE_BLACK] #overlay-button.yt } /*bottom right info renderer*/ paper-toast#toast { - backdrop-filter: blur(10px) !important; - -webkit-backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; background: rgba(50, 50, 50, 0.50) !important; } /*border delete*/ @@ -220,8 +220,8 @@ ytd-two-column-browse-results-renderer.style-scope.ytd-browse, ytd-search.style- } /*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; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; } /*show more button border delete / color*/ paper-button.style-scope.yt-next-continuation { @@ -237,8 +237,8 @@ yt-formatted-string.style-scope.yt-next-continuation { /*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; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; margin-bottom: -2px !important; border-radius: 0px 12px 12px 0px; } @@ -271,8 +271,8 @@ ytd-post-renderer[uses-compact-lockup_] { /*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; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; border-radius: 0px 0px 10px 10px; } /*outline delete*/ @@ -401,8 +401,8 @@ paper-item.style-scope.ytd-menu-navigation-item-renderer { /*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; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; background: rgba(50, 50, 50, 0.50); } /*(channel) community video box border radius*/ @@ -438,8 +438,8 @@ div#channel-header { /*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; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; } /*channel tabs backdrop filter*/ #tabs-inner-container.ytd-c4-tabbed-header-renderer { @@ -544,8 +544,8 @@ ytd-thumbnail:hover, #thumbnail.ytd-playlist-thumbnail:hover, .ytp-show-tiles .y } /*searchhead backdrop filter*/ #container.ytd-masthead { - backdrop-filter: blur(10px) !important; - -webkit-backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; } /*searchhead background color*/ html:not(.style-scope), :not(.style-scope) { @@ -559,7 +559,7 @@ ytd-video-preview { border-radius: 0px !important; } ytd-video-preview[active] { - backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; border-radius: 10px !important; } .sbdd_c { @@ -663,8 +663,8 @@ yt-live-chat-renderer { /*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; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; background: rgba(50, 50, 50, 0.50) !important; } /*endscreen title background*/ @@ -678,8 +678,8 @@ yt-live-chat-renderer { /*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; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; border-radius: 10px !important; } /*info card text color*/ @@ -715,8 +715,8 @@ a.ytp-ce-channel-title.ytp-ce-link { } /*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; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; background: rgba(50, 50, 50, 0.50) !important; border-radius: 10px !important; box-shadow: none !important; @@ -797,8 +797,8 @@ img#img { } /*save to (playlist) container backdrop filter*/ paper-dialog.style-scope.ytd-popup-container { - backdrop-filter: blur(10px) !important; - -webkit-backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; background: rgba(64, 64, 64, 0.40) !important; } /*cancel / submit (commetbox) button border radius*/ @@ -827,13 +827,13 @@ yt-live-chat-header-renderer.style-scope.yt-live-chat-renderer { border-radius: 10px !important; padding: 4px 8px !important; margin: 12px 8px !important; - backdrop-filter: blur(10px) !important; - -webkit-backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; } /*right click info panel backdrop filter*/ .ytp-popup, .html5-video-info-panel { - backdrop-filter: blur(10px) !important; - -webkit-backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; border-radius: 10px !important; background: rgba(50, 50, 50, 0.30) !important; } @@ -843,8 +843,8 @@ yt-live-chat-header-renderer.style-scope.yt-live-chat-renderer { 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; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; } .sbpqs_a{ color: #BBBBBB !important; @@ -867,8 +867,8 @@ yt-live-chat-header-renderer.style-scope.yt-live-chat-renderer { } /*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; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; background: rgba(35, 35, 35, 0.5) !important; overflow: hidden !important; } @@ -883,8 +883,8 @@ yt-live-chat-header-renderer.style-scope.yt-live-chat-renderer { } /*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; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; background: rgba(35, 35, 35, 0.5) !important; overflow: hidden !important; } @@ -943,8 +943,8 @@ ytd-sponsorships-offer-with-video-renderer[dialog][dialog][dialog] { /*share center link backdrop filter*/ #bar.yt-copy-link-renderer { background: rgba(50, 50, 50, 0.50) !important; - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px); + -webkit-backdrop-filter: blur(38px) !important; border: 0; overflow: hidden; border-radius: 10px !important; @@ -1123,13 +1123,13 @@ ytd-miniplayer.style-scope.ytd-app { #info-bar.ytd-miniplayer { border-radius: 0px 0px 13px 13px !important; z-index: -1 !important; - backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; } /*miniplayer background delete*/ ytd-miniplayer, .video.ytd-miniplayer, #card.ytd-miniplayer { - backdrop-filter: blur(10px) !important; - -webkit-backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; + -webkit-backdrop-filter: blur(38px) !important; border-radius: 13px !important; } /*miniplayer container border radius*/ @@ -1140,7 +1140,7 @@ ytd-miniplayer[animate-miniplayer] #expander-space.ytd-miniplayer { height: 0!important; } .video-container{ - backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; } tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] { border-radius: 8px !important; @@ -1151,7 +1151,7 @@ tp-yt-paper-button.ytd-subscribe-button-renderer { } #contentWrapper.tp-yt-iron-dropdown > * { border-radius: 10px !important; - backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; } #tooltip.tp-yt-paper-tooltip { border-radius: 10px !important; @@ -1165,18 +1165,18 @@ yt-interaction.circular .fill.yt-interaction, yt-interaction.circular .stroke.yt } tp-yt-paper-dialog { background: rgba(0, 0, 0, 0.1) !important;; - backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; border-radius: 10px !important; } .ytp-exp-ppp-update .ytp-paid-content-overlay-link { border-radius: 10px !important; - backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; background-color: transparent !important; } tp-yt-paper-listbox { border-radius: 10px !important; - backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; background: none !important; } tp-yt-iron-overlay-backdrop.opened { @@ -1209,16 +1209,16 @@ tp-yt-iron-overlay-backdrop.opened { background-color: #2323233b !important; } yt-notification-action-renderer { - backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; background-color: transparent !important; } #contentContainer.tp-yt-app-drawer[opened] { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background: transparent !important; - backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; border-radius: 10px !important; - -webkit-backdrop-filter: blur(10px) !important; + -webkit-backdrop-filter: blur(38px) !important; transition-duration: 200ms !important; } ytd-watch-flexy[flexy][is-two-columns_][is-extra-wide-video_] #primary.ytd-watch-flexy, ytd-watch-flexy[flexy][is-two-columns_][is-four-three-to-sixteen-nine-video_] #primary.ytd-watch-flexy { @@ -1260,7 +1260,7 @@ ytd-thumbnail-overlay-time-status-renderer { border-radius: 10px !important; padding: 6px 6px !important; background-color: rgb(0 0 0 / 35%) !important; - backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; } #button.ytd-toggle-button-renderer yt-icon.ytd-toggle-button-renderer+yt-formatted-string.ytd-toggle-button-renderer { margin-left: var(--yt-string-icon-padding, 8px); @@ -1269,7 +1269,7 @@ ytd-thumbnail-overlay-time-status-renderer { span.ytd-thumbnail-overlay-loading-preview-renderer{ border-radius: 8px !important; background-color: rgb(0 0 0 / 45%) !important; - backdrop-filter: blur(10px) !important; + backdrop-filter: blur(38px) !important; } #right-arrow.ytd-feed-filter-chip-bar-renderer{ background: linear-gradient(270deg, black, transparent);