made-in-akira/webdev/userstyles/Apple-Tube.css

5243 lines
175 KiB
CSS
Raw Normal View History

2024-11-14 19:47:20 +00:00
/* ==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.<strong><mark>!!!ONLY USE WITH YOUTUBE DARKMODE ACTIVATED!!!</mark></strong><strong><mark>WORKS BETTER WITH CHROME OR OPERA SINCE THERE IS NO OFFICIAL SUPPORT FOR BACKDROP FILTERS IN MOZILLA FIREFOX (Otherwise you wont have blurry backgrounds, but transparent backgrounds. This doesnt look very well)</mark></strong><strong>IF YOU USE CHROME PLEASE ENABLE THIS FLAG:</strong> chrome://flags/#enable-experimental-web-platform-features<strong>IF YOU USE OPERA PLEASE ENABLE THIS FLAG:</strong> opera://flags/#enable-experimental-web-platform-features<strong>Known Issues:</strong>- 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*" <<<EOT #heart-button button yt-icon,
path[fill="#FF0000"] {
fill: #00ffcb !important;
}
/*progress bar color*\/
:root
{
--pbc: #00ffcb;
}
/*progress bar scrubber button color*\/
:root
{
--pbsbc: #00ffcb;
}
/*volume slider line color (before)*\/
:root
{
--vslcb: #00ffcb;
}
/*volume slider handle color*\/
:root
{
--vshc: #00ffcb;
}
/*progress bar scrubber button shadow dark*\/
:root
{
--bsd: 0 0 8px 2.5px #00ffcb;
}
/*comment liked by creator heart color*\/
#hearted.ytd-creator-heart-renderer {
color: #00ffcb !important;
}
/*sidebar selected icon color*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
color: #00ffcb !important;
}
/*sidebar selected icon color*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
color: #00ffcb !important;
}
/*verified badge color*\/
yt-icon.ytd-badge-supported-renderer {
color: #54a997a6 !important;
}
/*notification dot side bar color*\/
#newness-dot.ytd-guide-entry-renderer {
background-color: #00ffcb;
}
/*like bar color*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
background-color: #00ffcb !important;
}
/*like / dislike button color*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
color: #00ffcb !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
background-color: #00ffcb !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
background-color: #00ffcb !important;
}
/*notification counter color*\/
#notification-count.ytd-notification-topbar-button-renderer {
background-color: #00ffcbba !important
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
color: #00ffcbe0 !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
background-color: #00ffcbe0 !important;
}
/*yt button color*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
background-color: #00ffcb4a !important;
color: #00ffcb !important;
}
/*yt button color*\/
ytd-button-renderer.style-destructive[is-paper-button] {
background-color: #00ffcb4a !important;
color: #00ffcb !important;
}
/*yt sub button (unsubsribed) color*\/
paper-button.ytd-subscribe-button-renderer {
background-color: #00ffcb4a !important;
color: #00ffcb !important;
}
/*live badge border / color*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
color: #00ffcb !important;
border: 1px solid #00ffcb !important;
}
/*chechbox color*\/
#checkbox.checked.paper-checkbox {
background-color: #00ffcb !important;
border-color: #00ffcb !important;
}
/*notification dot color*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
background-color: #00ffcb !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
background-color: #00ffcbd9 !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
background: #00ffcb !important;
}
/*yt button (manage channel / ...) color*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
color: #00ffcb !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
color: #00ffcb !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background-color: #00ffcb !important;
}
/*checkbox border color*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
border-color: #00ffcb !important;
}
/*checkbox color*\/
#onRadio.paper-radio-button {
background-color: #00ffcb !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
color: #00ffcb !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a {
color: #00ffcb !important;
}
/*searchbar text*\/
.gsfs {
color: rgba(255, 255, 255, 0.9) !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
background-color: #00ffcb4a !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
background-color: #00ffcb !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
color: #00ffcb !important;
}
/*new badge*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
background: #00ffcb4a;
color: #00ffcb;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
background: #00ffcb !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
color: #00ffcb !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
color: #00ffcb !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid #00ffcb !important;
color: #00ffcb !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
background-color: #00ffcb !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
background-color: #00ffcbd9 !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
background-color: #00ffcb !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: #00ffcb;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
background: #00ffcbe0 !important;
}
/*chapter time color*\/
#time.ytd-macro-markers-list-item-renderer {
border-radius: 5px;
color: #00ffcb !important;
background-color: #00ffcb4a !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
background: #00ffcb !important;
}
/*chapter selected border radius / color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
border-color: #00ffcb !important;
outline: none !important;
} EOT;
lightblue "Light Blue" <<<EOT #heart-button button yt-icon,
path[fill="#FF0000"] {
fill: #00f2ff !important;
}
/*progress bar color*\/
:root
{
--pbc: #00f2ff;
}
/*progress bar scrubber button color*\/
:root
{
--pbsbc: #00f2ff;
}
/*volume slider line color (before)*\/
:root
{
--vslcb: #00f2ff;
}
/*volume slider handle color*\/
:root
{
--vshc: #00f2ff;
}
/*progress bar scrubber button shadow dark*\/
:root
{
--bsd: 0 0 8px 2.5px #00f2ff;
}
/*comment liked by creator heart color*\/
#hearted.ytd-creator-heart-renderer {
color: #00f2ff !important;
}
/*sidebar selected icon color*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
color: #00f2ff !important;
}
/*sidebar selected icon color*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
color: #00f2ff !important;
}
/*verified badge color*\/
yt-icon.ytd-badge-supported-renderer {
color: #53c7ce82 !important;
}
/*notification dot side bar color*\/
#newness-dot.ytd-guide-entry-renderer {
background-color: #00f2ff;
}
/*like bar color*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
background-color: #00f2ff !important;
}
/*like / dislike button color*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
color: #00f2ff !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
background-color: #00f2ff !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
background-color: #00f2ff !important;
}
/*notification counter color*\/
#notification-count.ytd-notification-topbar-button-renderer {
background-color: #00f2ffc9 !important;
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
color: #00f2ff !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
background-color: #00f2ffe0 !important;
}
/*yt button color*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
background-color: #00f2ff4a !important;
color: #00f2ff !important;
}
/*yt button color*\/
ytd-button-renderer.style-destructive[is-paper-button] {
background-color: #00f2ff4a !important;
color: #00f2ff !important;
}
/*yt sub button (unsubsribed) color*\/
paper-button.ytd-subscribe-button-renderer {
background-color: #00f2ff4a !important;
color: #00f2ff !important;
}
/*live badge border / color*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
color: #00f2ff !important;
border: 1px solid #00f2ff !important;
}
/*chechbox color*\/
#checkbox.checked.paper-checkbox {
background-color: #00f2ff !important;
border-color: #00f2ff !important;
}
/*notification dot color*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
background-color: #00f2ff !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
background-color: #00f2ffd9 !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
background: #00f2ff !important;
}
/*yt button (manage channel / ...) color*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
color: #00f2ff !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
color: #00f2ff !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background-color: #00f2ff !important;
}
/*checkbox border color*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
border-color: #00f2ff !important;
}
/*checkbox color*\/
#onRadio.paper-radio-button {
background-color: #00f2ff !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
color: #00f2ff !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a {
color: #00f2ff !important;
}
/*searchbar text*\/
.gsfs {
color: rgba(255, 255, 255, 0.9) !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
background-color: #00f2ff4a !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
background-color: #00f2ff !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
color: #00f2ff !important;
}
/*new badge*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
background: #00f2ff4a;
color: #00f2ff;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
background: #00f2ff !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
color: #00f2ff !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
color: #00f2ff !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid #00f2ff !important;
color: #00f2ff !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
background-color: #00f2ff !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
background-color: #00f2ffd9 !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
background-color: #00f2ff !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: #00f2ff;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
background: #00f2ffe0 !important;
}
/*chapter time color*\/
#time.ytd-macro-markers-list-item-renderer {
border-radius: 5px;
color: #00f2ff !important;
background-color: #00f2ff4a !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
background: #00f2ff !important;
}
/*chapter selected border radius / color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
border-color: #00f2ff !important;
outline: none !important;
} EOT;
limegreen "Lime Green" <<<EOT #heart-button button yt-icon,
path[fill="#FF0000"] {
fill: #ccff00 !important;
}
/*progress bar color*\/
:root
{
--pbc: #ccff00;
}
/*progress bar scrubber button color*\/
:root
{
--pbsbc: #ccff00;
}
/*volume slider line color (before)*\/
:root
{
--vslcb: #ccff00;
}
/*volume slider handle color*\/
:root
{
--vshc: #ccff00;
}
/*progress bar scrubber button shadow dark*\/
:root
{
--bsd: 0 0 8px 2.5px #ccff00;
}
/*comment liked by creator heart color*\/
#hearted.ytd-creator-heart-renderer {
color: #ccff00 !important;
}
/*sidebar selected icon color*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
color: #ccff00 !important;
}
/*sidebar selected icon color*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
color: #ccff00 !important;
}
/*verified badge color*\/
yt-icon.ytd-badge-supported-renderer {
color: #e2ff7082 !important;
}
/*notification dot side bar color*\/
#newness-dot.ytd-guide-entry-renderer {
background-color: #ccff00;
}
/*like bar color*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
background-color: #ccff00 !important;
}
/*like / dislike button color*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
color: #ccff00 !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
background-color: #ccff00 !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
background-color: #ccff00 !important;
}
/*notification counter color*\/
#notification-count.ytd-notification-topbar-button-renderer {
background-color: #ccff00c9 !important;
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
color: #ccff00 !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
background-color: #ccff00e0 !important;
}
/*yt button color*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
background-color: #ccff004a !important;
color: #ccff00 !important;
}
/*yt button color*\/
ytd-button-renderer.style-destructive[is-paper-button] {
background-color: #ccff004a !important;
color: #ccff00 !important;
}
/*yt sub button (unsubsribed) color*\/
paper-button.ytd-subscribe-button-renderer {
background-color: #ccff004a !important;
color: #ccff00 !important;
}
/*live badge border / color*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
color: #ccff00 !important;
border: 1px solid #ccff00 !important;
}
/*chechbox color*\/
#checkbox.checked.paper-checkbox {
background-color: #ccff00 !important;
border-color: #ccff00 !important;
}
/*notification dot color*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
background-color: #ccff00 !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
background-color: #ccff00d9 !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
background: #ccff00 !important;
}
/*yt button (manage channel / ...) color*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
color: #ccff00 !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
color: #ccff00 !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background-color: #ccff00 !important;
}
/*checkbox border color*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
border-color: #ccff00 !important;
}
/*checkbox color*\/
#onRadio.paper-radio-button {
background-color: #ccff00 !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
color: #ccff00 !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a {
color: #ccff00 !important;
}
/*searchbar text*\/
.gsfs {
color: rgba(255, 255, 255, 0.9) !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
background-color: #ccff004a !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
background-color: #ccff00 !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
color: #ccff00 !important;
}
/*new badge*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
background: #ccff004a;
color: #ccff00;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
background: #ccff00 !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
color: #ccff00 !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
color: #ccff00 !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid #ccff00 !important;
color: #ccff00 !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
background-color: #ccff00 !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
background-color: #ccff00d9 !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
background-color: #ccff00 !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: #ccff00;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
background: #ccff00e0 !important;
}
/*chapter time color*\/
#time.ytd-macro-markers-list-item-renderer {
border-radius: 5px;
color: #ccff00 !important;
background-color: #ccff004a !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
background: #ccff00 !important;
}
/*chapter selected border radius / color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
border-color: #ccff00 !important;
outline: none !important;
} EOT;
lightgreen "Light Green" <<<EOT #heart-button button yt-icon,
path[fill="#FF0000"] {
fill: #8bff5e !important;
}
/*progress bar color*\/
:root
{
--pbc: #8bff5e;
}
/*progress bar scrubber button color*\/
:root
{
--pbsbc: #8bff5e;
}
/*volume slider line color (before)*\/
:root
{
--vslcb: #8bff5e;
}
/*volume slider handle color*\/
:root
{
--vshc: #8bff5e;
}
/*progress bar scrubber button shadow dark*\/
:root
{
--bsd: 0 0 8px 2.5px #8bff5e;
}
/*comment liked by creator heart color*\/
#hearted.ytd-creator-heart-renderer {
color: #8bff5e !important;
}
/*sidebar selected icon color*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
color: #8bff5e !important;
}
/*sidebar selected icon color*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
color: #8bff5e !important;
}
/*verified badge color*\/
yt-icon.ytd-badge-supported-renderer {
color: #8dce7382 !important;
}
/*notification dot side bar color*\/
#newness-dot.ytd-guide-entry-renderer {
background-color: #8bff5e;
}
/*like bar color*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
background-color: #8bff5e !important;
}
/*like / dislike button color*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
color: #8bff5e !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
background-color: #8bff5e !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
background-color: #8bff5e !important;
}
/*notification counter color*\/
#notification-count.ytd-notification-topbar-button-renderer {
background-color: #8bff5ec9 !important;
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
color: #8bff5e !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
background-color: #8bff5ee0 !important;
}
/*yt button color*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
background-color: #8bff5e4a !important;
color: #8bff5e !important;
}
/*yt button color*\/
ytd-button-renderer.style-destructive[is-paper-button] {
background-color: #8bff5e4a !important;
color: #8bff5e !important;
}
/*yt sub button (unsubsribed) color*\/
paper-button.ytd-subscribe-button-renderer {
background-color: #8bff5e4a !important;
color: #8bff5e !important;
}
/*live badge border / color*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
color: #8bff5e !important;
border: 1px solid #8bff5e !important;
}
/*chechbox color*\/
#checkbox.checked.paper-checkbox {
background-color: #8bff5e !important;
border-color: #8bff5e !important;
}
/*notification dot color*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
background-color: #8bff5e !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
background-color: #8bff5ed9 !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
background: #8bff5e !important;
}
/*yt button (manage channel / ...) color*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
color: #8bff5e !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
color: #8bff5e !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background-color: #8bff5e !important;
}
/*checkbox border color*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
border-color: #8bff5e !important;
}
/*checkbox color*\/
#onRadio.paper-radio-button {
background-color: #8bff5e !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
color: #8bff5e !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a {
color: #8bff5e !important;
}
/*searchbar text*\/
.gsfs {
color: rgba(255, 255, 255, 0.9) !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
background-color: #8bff5e4a !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
background-color: #8bff5e !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
color: #8bff5e !important;
}
/*new badge*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
background: #8bff5e4a;
color: #8bff5e;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
background: #8bff5e !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
color: #8bff5e !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
color: #8bff5e !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid #8bff5e !important;
color: #8bff5e !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
background-color: #8bff5e !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
background-color: #8bff5ed9 !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
background-color: #8bff5e !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: #8bff5e;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
background: #8bff5ee0 !important;
}
/*chapter time color*\/
#time.ytd-macro-markers-list-item-renderer {
border-radius: 5px;
color: #8bff5e !important;
background-color: #8bff5e4a !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
background: #8bff5e !important;
}
/*chapter selected border radius / color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
border-color: #8bff5e !important;
outline: none !important;
} EOT;
red "Red" <<<EOT #heart-button button yt-icon,
path[fill="#FF0000"] {
fill: #f34444 !important;
}
/*progress bar color*\/
:root
{
--pbc: #f34444;
}
/*progress bar scrubber button color*\/
:root
{
--pbsbc: #f34444;
}
/*volume slider line color (before)*\/
:root
{
--vslcb: #f34444;
}
/*volume slider handle color*\/
:root
{
--vshc: #f34444;
}
/*progress bar scrubber button shadow dark*\/
:root
{
--bsd: 0 0 8px 2.5px #e25d5dd4;
}
/*comment liked by creator heart color*\/
#hearted.ytd-creator-heart-renderer {
color: #f34444 !important;
}
/*sidebar selected icon color*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
color: #f34444 !important;
}
/*sidebar selected icon color*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
color: #f34444 !important;
}
/*verified badge color*\/
yt-icon.ytd-badge-supported-renderer {
color: #b36363a6 !important;
}
/*notification dot side bar color*\/
#newness-dot.ytd-guide-entry-renderer {
background-color: #f34444;
}
/*like bar color*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
background-color: #f34444 !important;
}
/*like / dislike button color*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
color: #f34444 !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
background-color: #f34444 !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
background-color: #f34444 !important;
}
/*notification counter color*\/
#notification-count.ytd-notification-topbar-button-renderer {
background-color: #ff6464c9 !important;
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
color: #f34444e0 !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
background-color: #f34444e0 !important;
}
/*yt button color*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
background-color: #f3444457 !important;
color: #f34444 !important;
}
/*yt button color*\/
ytd-button-renderer.style-destructive[is-paper-button] {
background-color: #f3444457 !important;
color: #f34444 !important;
}
/*yt sub button (unsubsribed) color*\/
paper-button.ytd-subscribe-button-renderer {
background-color: #f3444457 !important;
color: #f34444 !important;
}
/*live badge border / color*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
color: #f34444 !important;
border: 1px solid #f34444 !important;
}
/*chechbox color*\/
#checkbox.checked.paper-checkbox {
background-color: #f34444 !important;
border-color: #f34444 !important;
}
/*notification dot color*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
background-color: #f34444 !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
background-color: #f34444d9 !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
background: #f34444 !important;
}
/*yt button (manage channel / ...) color*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
color: #f34444 !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
color: #f34444 !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background-color: #f34444 !important;
}
/*checkbox border color*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
border-color: #f34444 !important;
}
/*checkbox color*\/
#onRadio.paper-radio-button {
background-color: #f34444 !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
color: #f34444 !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a {
color: #f34444 !important;
}
/*searchbar text*\/
.gsfs {
color: rgba(255, 255, 255, 0.9) !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
background-color: #f344444a !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
background-color: #f34444 !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
color: #f34444 !important;
}
/*new badge*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
background: #f344444a;
color: #f34444;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
background: #f34444 !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
color: #f34444 !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
color: #f34444 !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid #f34444 !important;
color: #f34444 !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
background-color: #f34444 !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
background-color: #f34444d9 !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
background-color: #f34444 !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: #f34444;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
background: #f34444e0 !important;
}
/*chapter time color*\/
#time.ytd-macro-markers-list-item-renderer {
border-radius: 5px;
color: #f34444 !important;
background-color: #f344444a !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
background: #f34444 !important;
}
/*chapter selected border radius / color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
border-color: #f34444 !important;
outline: none !important;
} EOT;
lightorange "Light Orange" <<<EOT #heart-button button yt-icon,
path[fill="#FF0000"] {
fill: #ffbb33 !important;
}
/*progress bar color*\/
:root
{
--pbc: #ffbb33;
}
/*progress bar scrubber button color*\/
:root
{
--pbsbc: #ffbb33;
}
/*volume slider line color (before)*\/
:root
{
--vslcb: #ffbb33;
}
/*volume slider handle color*\/
:root
{
--vshc: #ffbb33;
}
/*progress bar scrubber button shadow dark*\/
:root
{
--bsd: 0 0 8px 2.5px #ffbb33;
}
/*comment liked by creator heart color*\/
#hearted.ytd-creator-heart-renderer {
color: #ffbb33 !important;
}
/*sidebar selected icon color*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
color: #ffbb33 !important;
}
/*sidebar selected icon color*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
color: #ffbb33 !important;
}
/*verified badge color*\/
yt-icon.ytd-badge-supported-renderer {
color: #ffbb33 !important;
opacity: 0.5 !important;
}
/*notification dot side bar color*\/
#newness-dot.ytd-guide-entry-renderer {
background-color: #ffbb33;
}
/*like bar color*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
background-color: #ffbb33 !important;
}
/*like / dislike button color*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
color: #ffbb33 !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
background-color: #ffbb33 !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
background-color: #ffbb33 !important;
}
/*notification counter color*\/
#notification-count.ytd-notification-topbar-button-renderer {
background-color: #ffbb33ba !important
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
color: #ffbb33e0 !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
background-color: #ffbb33e0 !important;
}
/*yt button color*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
background-color: #ffbb334a !important;
color: #ffbb33 !important;
}
/*yt button color*\/
ytd-button-renderer.style-destructive[is-paper-button] {
background-color: #ffbb334a !important;
color: #ffbb33 !important;
}
/*yt sub button (unsubsribed) color*\/
paper-button.ytd-subscribe-button-renderer {
background-color: #ffbb334a !important;
color: #ffbb33 !important;
}
/*live badge border / color*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
color: #ffbb33 !important;
border: 1px solid #ffbb33 !important;
}
/*chechbox color*\/
#checkbox.checked.paper-checkbox {
background-color: #ffbb33 !important;
border-color: #ffbb33 !important;
}
/*notification dot color*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
background-color: #ffbb33 !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
background-color: #ffbb33d9 !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
background: #ffbb33 !important;
}
/*yt button (manage channel / ...) color*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
color: #ffbb33 !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
color: #ffbb33 !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background-color: #ffbb33 !important;
}
/*checkbox border color*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
border-color: #ffbb33 !important;
}
/*checkbox color*\/
#onRadio.paper-radio-button {
background-color: #ffbb33 !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
color: #ffbb33 !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a {
color: #ffbb33 !important;
}
/*searchbar text*\/
.gsfs {
color: rgba(255, 255, 255, 0.9) !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
background-color: #ffbb334a !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
background-color: #ffbb33 !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
color: #ffbb33 !important;
}
/*new badge*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
background: #ffbb334a;
color: #ffbb33;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
background: #ffbb33 !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
color: #ffbb33 !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
color: #ffbb33 !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid #ffbb33 !important;
color: #ffbb33 !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
background-color: #ffbb33 !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
background-color: #ffbb33d9 !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
background-color: #ffbb33 !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: #ffbb33;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
background: #ffbb33e0 !important;
}
/*chapter time color*\/
#time.ytd-macro-markers-list-item-renderer {
border-radius: 5px;
color: #ffbb33 !important;
background-color: #ffbb334a !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
background: #ffbb33 !important;
}
/*chapter selected border radius / color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
border-color: #ffbb33 !important;
outline: none !important;
} EOT;
purple "Purple" <<<EOT #heart-button button yt-icon,
path[fill="#FF0000"] {
fill: #993cfc !important;
}
/*progress bar color*\/
:root
{
--pbc: #993cfc;
}
/*progress bar scrubber button color*\/
:root
{
--pbsbc: #993cfc;
}
/*volume slider line color (before)*\/
:root
{
--vslcb: #993cfc;
}
/*volume slider handle color*\/
:root
{
--vshc: #993cfc;
}
/*progress bar scrubber button shadow dark*\/
:root
{
--bsd: 0 0 8px 2.5px #af66ff;
}
/*comment liked by creator heart color*\/
#hearted.ytd-creator-heart-renderer {
color: #993cfc !important;
}
/*sidebar selected icon color*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
color: #993cfc !important;
}
/*sidebar selected icon color*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
color: #993cfc !important;
}
/*verified badge color*\/
yt-icon.ytd-badge-supported-renderer {
color: #835eaba6 !important
}
/*notification dot side bar color*\/
#newness-dot.ytd-guide-entry-renderer {
background-color: #993cfc;
}
/*like bar color*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
background-color: #993cfc !important;
}
/*like / dislike button color*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
color: #993cfc !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
background-color: #993cfc !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
background-color: #993cfc !important;
}
/*notification counter color*\/
#notification-count.ytd-notification-topbar-button-renderer {
background-color: #993cfcba !important
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
color: #993cfce0 !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
background-color: #993cfce0 !important;
}
/*yt button color*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
background-color: #993cfc4a !important;
color: #ab5ffd !important
}
/*yt button color*\/
ytd-button-renderer.style-destructive[is-paper-button] {
background-color: #993cfc4a !important;
color: #ab5ffd !important
}
/*yt sub button (unsubsribed) color*\/
paper-button.ytd-subscribe-button-renderer {
background-color: #993cfc4a !important;
color: #ab5ffd !important
}
/*live badge border / color*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
color: #993cfc !important;
border: 1px solid #993cfc !important;
}
/*chechbox color*\/
#checkbox.checked.paper-checkbox {
background-color: #993cfc !important;
border-color: #993cfc !important;
}
/*notification dot color*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
background-color: #993cfc !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
background-color: #993cfcd9 !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
background: #993cfc !important;
}
/*yt button (manage channel / ...) color*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
color: #993cfc !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
color: #993cfc !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background-color: #993cfc !important;
}
/*checkbox border color*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
border-color: #993cfc !important;
}
/*checkbox color*\/
#onRadio.paper-radio-button {
background-color: #993cfc !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
color: #993cfc !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a {
color: #993cfc !important;
}
/*searchbar text*\/
.gsfs {
color: rgba(255, 255, 255, 0.9) !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
background-color: #993cfc4a !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
background-color: #993cfc !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
color: #993cfc !important;
}
/*new badge*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
background: #993cfc4a;
color: #993cfc;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
background: #993cfc !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
color: #993cfc !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
color: #993cfc !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid #993cfc !important;
color: #993cfc !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
background-color: #993cfc !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
background-color: #993cfcd9 !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
background-color: #993cfc !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: #993cfc;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
background: #993cfce0 !important;
}
/*chapter time color*\/
#time.ytd-macro-markers-list-item-renderer {
border-radius: 5px;
color: #993cfc !important;
background-color: #993cfc4a !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
background: #993cfc !important;
}
/*chapter selected border radius / color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
border-color: #993cfc !important;
outline: none !important;
} EOT;
pink "Pink" <<<EOT #heart-button button yt-icon,
path[fill="#FF0000"] {
fill: #ff32ee !important;
}
/*progress bar color*\/
:root
{
--pbc: #ff32ee;
}
/*progress bar scrubber button color*\/
:root
{
--pbsbc: #ff32ee;
}
/*volume slider handle color*\/
:root
{
--vshc: #ff32ee;
}
/*progress bar scrubber button shadow dark*\/
:root
{
--bsd: 0 0 8px 2.5px #ff32ee;
}
/*comment liked by creator heart color*\/
#hearted.ytd-creator-heart-renderer {
color: #ff32ee !important;
}
/*sidebar selected icon color*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
color: #ff32ee !important;
}
/*sidebar selected icon color*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
color: #ff32ee !important;
}
/*verified badge color*\/
yt-icon.ytd-badge-supported-renderer {
color: #d06ec882 !important;
}
/*notification dot side bar color*\/
#newness-dot.ytd-guide-entry-renderer {
background-color: #ff32ee;
}
/*like bar color*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
background-color: #ff32ee !important;
}
/*like / dislike button color*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
color: #ff32ee !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
background-color: #ff32ee !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
background-color: #ff32ee !important;
}
/*notification counter color*\/
#notification-count.ytd-notification-topbar-button-renderer {
background-color: #ff32eec9 !important;
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
color: #ff32ee !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
background-color: #ff32eee0 !important;
}
/*yt button color*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
background-color: #ff32ee4a !important;
color: #ff32ee !important;
}
/*yt button color*\/
ytd-button-renderer.style-destructive[is-paper-button] {
background-color: #ff32ee4a !important;
color: #ff32ee !important;
}
/*yt sub button (unsubsribed) color*\/
paper-button.ytd-subscribe-button-renderer {
background-color: #ff32ee4a !important;
color: #ff32ee !important;
}
/*live badge border / color*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
color: #ff32ee !important;
border: 1px solid #ff32ee !important;
}
/*chechbox color*\/
#checkbox.checked.paper-checkbox {
background-color: #ff32ee !important;
border-color: #ff32ee !important;
}
/*notification dot color*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
background-color: #ff32ee !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
background-color: #ff32eed9 !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
background: #ff32ee !important;
}
/*yt button (manage channel / ...) color*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
color: #ff32ee !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
color: #ff32ee !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background-color: #ff32ee !important;
}
/*checkbox border color*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
border-color: #ff32ee !important;
}
/*checkbox color*\/
#onRadio.paper-radio-button {
background-color: #ff32ee !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
color: #ff32ee !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a {
color: #ff32ee !important;
}
/*searchbar text*\/
.gsfs {
color: rgba(255, 255, 255, 0.9) !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
background-color: #ff32ee4a !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
background-color: #ff32ee !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
color: #ff32ee !important;
}
/*new badge*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
background: #ff32ee4a;
color: #ff32ee;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
background: #ff32ee !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
color: #ff32ee !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
color: #ff32ee !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid #ff32ee !important;
color: #ff32ee !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
background-color: #ff32ee !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
background-color: #ff32eed9 !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
background-color: #ff32ee !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: #ff32ee;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
background: #ff32eee0 !important;
}
/*chapter time color*\/
#time.ytd-macro-markers-list-item-renderer {
border-radius: 5px;
color: #ff32ee !important;
background-color: #ff32ee4a !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
background: #ff32ee !important;
}
/*chapter selected border radius / color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
border-color: #ff32ee !important;
outline: none !important;
} EOT;
customcolor "Custom Color" <<<EOT #heart-button button yt-icon,
path[fill="#FF0000"] {
fill: /*[[themecolor]]*\/ !important;
}
/*progress bar color*\/
:root
{
--pbc: /*[[themecolor]]*\/;
}
/*progress bar scrubber button color*\/
:root
{
--pbsbc: /*[[themecolor]]*\/;
}
/*volume slider line color (before)*\/
:root
{
--vslcb: /*[[themecolor]]*\/;
}
/*volume slider handle color*\/
:root
{
--vshc: /*[[themecolor]]*\/;
}
/*progress bar scrubber button shadow dark*\/
:root
{
--bsd: 0 0 8px 2.5px /*[[themecolor]]*\/;
}
/*comment liked by creator heart color*\/
#hearted.ytd-creator-heart-renderer {
color: /*[[themecolor]]*\/ !important;
}
/*sidebar selected icon color*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
color: /*[[themecolor]]*\/ !important;
}
/*sidebar selected icon color*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
color: /*[[themecolor]]*\/ !important;
}
/*verified badge color*\/
yt-icon.ytd-badge-supported-renderer {
color: /*[[themecolor]]*\/ !important;
opacity: 0.5;
}
/*notification dot side bar color*\/
#newness-dot.ytd-guide-entry-renderer {
background-color: /*[[themecolor]]*\/ !important;
}
/*like bar color*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
background-color: /*[[themecolor]]*\/ !important;
}
/*like / dislike button color*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
color: /*[[themecolor]]*\/ !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
background-color: /*[[themecolor]]*\/ !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
background-color: /*[[themecolor]]*\/ !important;
}
/*notification counter color*\/
#notification-count.ytd-notification-topbar-button-renderer {
background-color: /*[[themecolor]]*\/c9 !important;
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
color: /*[[themecolor]]*\/ !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
background-color: /*[[themecolor]]*\/e0 !important;
}
/*yt button color*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
background-color: /*[[themecolor]]*\/4a !important;
color: /*[[themecolor]]*\/ !important;
}
/*yt button color*\/
ytd-button-renderer.style-destructive[is-paper-button] {
background-color: /*[[themecolor]]*\/4a !important;
color: /*[[themecolor]]*\/ !important;
}
/*yt sub button (unsubsribed) color*\/
paper-button.ytd-subscribe-button-renderer {
background-color: /*[[themecolor]]*\/4a !important;
color: /*[[themecolor]]*\/ !important;
}
/*live badge border / color*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
color: /*[[themecolor]]*\/ !important;
border: 1px solid /*[[themecolor]]*\/ !important;
}
/*chechbox color*\/
#checkbox.checked.paper-checkbox {
background-color: /*[[themecolor]]*\/ !important;
border-color: /*[[themecolor]]*\/ !important;
}
/*notification dot color*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
background-color: /*[[themecolor]]*\/ !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
background-color: /*[[themecolor]]*\/d9 !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
background: /*[[themecolor]]*\/ !important;
}
/*yt button (manage channel / ...) color*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
color: /*[[themecolor]]*\/ !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
color: /*[[themecolor]]*\/ !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background-color: /*[[themecolor]]*\/ !important;
}
/*checkbox border color*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
border-color: /*[[themecolor]]*\/ !important;
}
/*checkbox color*\/
#onRadio.paper-radio-button {
background-color: /*[[themecolor]]*\/ !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
color: /*[[themecolor]]*\/ !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a {
color: /*[[themecolor]]*\/ !important;
}
/*searchbar text*\/
.gsfs {
color: rgba(255, 255, 255, 0.9) !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
background-color: /*[[themecolor]]*\/4a !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
background-color: /*[[themecolor]]*\/ !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
color: /*[[themecolor]]*\/ !important;
}
/*new badge*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
background: /*[[themecolor]]*\/4a;
color: /*[[themecolor]]*\/;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
background: /*[[themecolor]]*\/ !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
color: /*[[themecolor]]*\/ !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
color: /*[[themecolor]]*\/ !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid /*[[themecolor]]*\/ !important;
color: /*[[themecolor]]*\/ !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
background-color: /*[[themecolor]]*\/ !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
background-color: /*[[themecolor]]*\/d9 !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
background-color: /*[[themecolor]]*\/ !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: /*[[themecolor]]*\/;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
background: /*[[themecolor]]*\/e0 !important;
}
/*chapter time color*\/
#time.ytd-macro-markers-list-item-renderer {
border-radius: 5px;
color: /*[[themecolor]]*\/ !important;
background-color: /*[[themecolor]]*\/4a !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
background: /*[[themecolor]]*\/ !important;
}
/*chapter selected border radius / color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
border-color: /*[[themecolor]]*\/ !important;
outline: none !important;
} EOT;
rainbow "Rainbow (beta)" <<<EOT /*rainbow colors theme verified badge color*\/
@keyframes AppleTubeThemeCV {
0% { color: #ad7575 }
5% { color: #9e4f72 }
10% { color: #994c80 }
15% { color: #934c99 }
20% { color: #7b4c99 }
25% { color: #644c99 }
30% { color: #504c99 }
35% { color: #4c6699 }
40% { color: #4c8299 }
45% { color: #4c9995 }
50% { color: #4c9982 }
55% { color: #4c996d }
60% { color: #4c9956 }
65% { color: #57994c }
70% { color: #70994c }
75% { color: #84994c }
80% { color: #95994c }
85% { color: #99824c }
90% { color: #996d4c }
95% { color: #995a4c }
100% { color: #ad7575 }
}
/*rainbow colors theme background color*\/
@keyframes AppleTubeThemeBG {
0% { background: #ff0000 }
5% { background: #ff0074 }
10% { background: #ff00b4 }
15% { background: #f000ff }
20% { background: #a300ff }
25% { background: #5600ff }
30% { background: #1500ff }
35% { background: #0051ff }
40% { background: #00abff }
45% { background: #00fff9 }
50% { background: #00ffb8 }
55% { background: #00ff78 }
60% { background: #00ff2b }
65% { background: #22ff00 }
70% { background: #6fff00 }
75% { background: #b0ff00 }
80% { background: #f0ff00 }
85% { background: #ffb400 }
90% { background: #ff7400 }
95% { background: #ff3300 }
100% { background: #ff0000 }
}
/*rainbow colors theme box shadow*\/
@keyframes AppleTubeThemeBS {
0% { box-shadow: 0 0 8px 2.5px #ff0000 }
5% { box-shadow: 0 0 8px 2.5px #ff0074 }
10% { box-shadow: 0 0 8px 2.5px #ff00b4 }
15% { box-shadow: 0 0 8px 2.5px #f000ff }
20% { box-shadow: 0 0 8px 2.5px #a300ff }
25% { box-shadow: 0 0 8px 2.5px #5600ff }
30% { box-shadow: 0 0 8px 2.5px #1500ff }
35% { box-shadow: 0 0 8px 2.5px #0051ff }
40% { box-shadow: 0 0 8px 2.5px #00abff }
45% { box-shadow: 0 0 8px 2.5px #00fff9 }
50% { box-shadow: 0 0 8px 2.5px #00ffb8 }
55% { box-shadow: 0 0 8px 2.5px #00ff78 }
60% { box-shadow: 0 0 8px 2.5px #00ff2b }
65% { box-shadow: 0 0 8px 2.5px #22ff00 }
70% { box-shadow: 0 0 8px 2.5px #6fff00 }
75% { box-shadow: 0 0 8px 2.5px #b0ff00 }
80% { box-shadow: 0 0 8px 2.5px #f0ff00 }
85% { box-shadow: 0 0 8px 2.5px #ffb400 }
90% { box-shadow: 0 0 8px 2.5px #ff7400 }
95% { box-shadow: 0 0 8px 2.5px #ff3300 }
100% { box-shadow: 0 0 8px 2.5px #ff0000 }
}
/*rainbow colors theme border color*\/
@keyframes AppleTubeThemeBoC {
0% { border-color: #ff0000 }
5% { border-color: #ff0074 }
10% { border-color: #ff00b4 }
15% { border-color: #f000ff }
20% { border-color: #a300ff }
25% { border-color: #5600ff }
30% { border-color: #1500ff }
35% { border-color: #0051ff }
40% { border-color: #00abff }
45% { border-color: #00fff9 }
50% { border-color: #00ffb8 }
55% { border-color: #00ff78 }
60% { border-color: #00ff2b }
65% { border-color: #22ff00 }
70% { border-color: #6fff00 }
75% { border-color: #b0ff00 }
80% { border-color: #f0ff00 }
85% { border-color: #ffb400 }
90% { border-color: #ff7400 }
95% { border-color: #ff3300 }
100% { border-color: #ff0000 }
}
/*rainbow colors theme background color (d9)*\/
@keyframes AppleTubeThemeBCd9 {
0% { background-color: #ff0000d9 }
5% { background-color: #ff0074d9 }
10% { background-color: #ff00b4d9 }
15% { background-color: #f000ffd9 }
20% { background-color: #a300ffd9 }
25% { background-color: #5600ffd9 }
30% { background-color: #1500ffd9 }
35% { background-color: #0051ffd9 }
40% { background-color: #00abffd9 }
45% { background-color: #00fff9d9 }
50% { background-color: #00ffb8d9 }
55% { background-color: #00ff78d9 }
60% { background-color: #00ff2bd9 }
65% { background-color: #22ff00d9 }
70% { background-color: #6fff00d9 }
75% { background-color: #b0ff00d9 }
80% { background-color: #f0ff00d9 }
85% { background-color: #ffb400d9 }
90% { background-color: #ff7400d9 }
95% { background-color: #ff3300d9 }
100% { background-color: #ff0000d9 }
}
/*rainbow colors theme background color (4a)*\/
@keyframes AppleTubeThemeBC4a {
0% { background-color: #ff00004a }
5% { background-color: #ff00744a }
10% { background-color: #ff00b44a }
15% { background-color: #f000ff4a }
20% { background-color: #a300ff4a }
25% { background-color: #5600ff4a }
30% { background-color: #1500ff4a }
35% { background-color: #0051ff4a }
40% { background-color: #00abff4a }
45% { background-color: #00fff94a }
50% { background-color: #00ffb84a }
55% { background-color: #00ff784a }
60% { background-color: #00ff2b4a }
65% { background-color: #22ff004a }
70% { background-color: #6fff004a }
75% { background-color: #b0ff004a }
80% { background-color: #f0ff004a }
85% { background-color: #ffb4004a }
90% { background-color: #ff74004a }
95% { background-color: #ff33004a }
100% { background-color: #ff00004a }
}
/*rainbow colors theme background color (e0)*\/
@keyframes AppleTubeThemeBCe0 {
0% { background-color: #ff0000e0 }
5% { background-color: #ff0074e0 }
10% { background-color: #ff00b4e0 }
15% { background-color: #f000ffe0 }
20% { background-color: #a300ffe0 }
25% { background-color: #5600ffe0 }
30% { background-color: #1500ffe0 }
35% { background-color: #0051ffe0 }
40% { background-color: #00abffe0 }
45% { background-color: #00fff9e0 }
50% { background-color: #00ffb8e0 }
55% { background-color: #00ff78e0 }
60% { background-color: #00ff2be0 }
65% { background-color: #22ff00e0 }
70% { background-color: #6fff00e0 }
75% { background-color: #b0ff00e0 }
80% { background-color: #f0ff00e0 }
85% { background-color: #ffb400e0 }
90% { background-color: #ff7400e0 }
95% { background-color: #ff3300e0 }
100% { background-color: #ff0000e0 }
}
/*rainbow colors theme color*\/
@keyframes AppleTubeThemeC {
0% { color: #ff0000 }
5% { color: #ff0074 }
10% { color: #ff00b4 }
15% { color: #f000ff }
20% { color: #a300ff }
25% { color: #5600ff }
30% { color: #1500ff }
35% { color: #0051ff }
40% { color: #00abff }
45% { color: #00fff9 }
50% { color: #00ffb8 }
55% { color: #00ff78 }
60% { color: #00ff2b }
65% { color: #22ff00 }
70% { color: #6fff00 }
75% { color: #b0ff00 }
80% { color: #f0ff00 }
85% { color: #ffb400 }
90% { color: #ff7400 }
95% { color: #ff3300 }
100% { color: #ff0000 }
}
/*rainbow colors theme background color*\/
@keyframes AppleTubeThemeBC {
0% { background-color: #ff0000 }
5% { background-color: #ff0074 }
10% { background-color: #ff00b4 }
15% { background-color: #f000ff }
20% { background-color: #a300ff }
25% { background-color: #5600ff }
30% { background-color: #1500ff }
35% { background-color: #0051ff }
40% { background-color: #00abff }
45% { background-color: #00fff9 }
50% { background-color: #00ffb8 }
55% { background-color: #00ff78 }
60% { background-color: #00ff2b }
65% { background-color: #22ff00 }
70% { background-color: #6fff00 }
75% { background-color: #b0ff00 }
80% { background-color: #f0ff00 }
85% { background-color: #ffb400 }
90% { background-color: #ff7400 }
95% { background-color: #ff3300 }
100% { background-color: #ff0000 }
}
/*rainbow colors*\/
@keyframes AppleTube {
0% { fill: #ff0000 }
5% { fill: #ff0074 }
10% { fill: #ff00b4 }
15% { fill: #f000ff }
20% { fill: #a300ff }
25% { fill: #5600ff }
30% { fill: #1500ff }
35% { fill: #0051ff }
40% { fill: #00abff }
45% { fill: #00fff9 }
50% { fill: #00ffb8 }
55% { fill: #00ff78 }
60% { fill: #00ff2b }
65% { fill: #22ff00 }
70% { fill: #6fff00 }
75% { fill: #b0ff00 }
80% { fill: #f0ff00 }
85% { fill: #ffb400 }
90% { fill: #ff7400 }
95% { fill: #ff3300 }
100% { fill: #ff0000 }
}
/*rainbow animation time*\/
:root {
--t: 40s;
}
/*yt icon rainbow animation*\/
#heart-button button yt-icon,
path[fill="#FF0000"] {
animation: AppleTube var(--t) linear infinite;
}
/*progress bar animation*\/
.html5-play-progress, .ytp-play-progress {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*volume slider line animation (before)*\/
.ytp-volume-slider-track, .ytp-volume-slider-handle:before {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*comment liked by creator heart animation*\/
#hearted.ytd-creator-heart-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*sidebar selected icon animation*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*sidebar selected icon animation*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*verified badge animation*\/
yt-icon.ytd-badge-supported-renderer {
animation: AppleTubeThemeCV var(--t) linear infinite !important;
}
/*notification dot side bar animation*\/
#newness-dot.ytd-guide-entry-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*like bar animation*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*like / dislike button animation*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*notification counter animation*\/
#notification-count.ytd-notification-topbar-button-renderer {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
animation: AppleTubeThemeBCe0 var(--t) linear infinite !important;
}
/*yt button animation*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt button text animation*\/
.ytp-sb-text {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt button animation*\/
ytd-button-renderer.style-destructive[is-paper-button] {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt sub button text (unsubsribed) animation*\/
yt-formatted-string.ytd-subscribe-button-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt sub button (unsubsribed) animation*\/
paper-button.ytd-subscribe-button-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt sub button (subsribed) animation*\/
paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string.ytd-subscribe-button-renderer {
animation: none !important;
}
/*yt sub button (subsribed) animation*\/
paper-button.ytd-subscribe-button-renderer[subscribed] {
animation: none !important;
}
/*live badge border / animation*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-color: currentcolor !important;
}
/*chechbox animation*\/
#checkbox.checked.paper-checkbox {
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-color: currentcolor !important;
background-color: currentcolor !important;
}
/*notification dot animation*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt button (manage channel / ...) animation*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*checkbox border animation*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
animation: AppleTubeThemeBoC var(--t) linear infinite !important;
}
/*checkbox animation*\/
#onRadio.paper-radio-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a, .gsfs {
color: currentcolor !important;
}
/*searchbar text animation (already searched)*\/
.sbsb_a {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*searchbar suggestion text color*\/
.sbqs_c {
color: #d4d4d4 !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*new badge text animation*\/
span.style-scope.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*new badge background animation*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid currentcolor !important;
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
#chips.ytd-feed-filter-chip-bar-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: currentColor;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
animation: AppleTubeThemeBCe0 var(--t) linear infinite !important;
}
/*chapter time color*\/
div#time.style-scope.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*chapter time bg-color*\/
#time.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
border-radius: 5px !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBG var(--t) linear infinite !important;
}
/*chapter selected border radius*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
outline: none !important;
}
/*chapter selected color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBoC var(--t) linear infinite !important;
} EOT;
cyanlightblue "Cyan / Light Blue" <<<EOT /*rainbow colors theme background color*\/
@keyframes AppleTubeThemeBG {
0% { background: #00ffcb }
30% { background: #00f2ff }
40% { background: #00f2ff }
80% { background: #00ffcb }
90% { background: #00ffcb }
100% { background: #00ffcb }
}
/*rainbow colors theme box shadow*\/
@keyframes AppleTubeThemeBS {
0% { box-shadow: 0 0 8px 2.5px #00ffcb }
30% { box-shadow: 0 0 8px 2.5px #00f2ff }
40% { box-shadow: 0 0 8px 2.5px #00f2ff }
80% { box-shadow: 0 0 8px 2.5px #00ffcb }
90% { box-shadow: 0 0 8px 2.5px #00ffcb }
100% { box-shadow: 0 0 8px 2.5px #00ffcb }
}
/*rainbow colors theme border color*\/
@keyframes AppleTubeThemeBoC {
0% { border-color: #00ffcb }
30% { border-color: #00f2ff }
40% { border-color: #00f2ff }
80% { border-color: #00ffcb }
90% { border-color: #00ffcb }
100% { border-color: #00ffcb }
}
/*rainbow colors theme background color (d9)*\/
@keyframes AppleTubeThemeBCd9 {
0% { background-color: #00ffcbd9 }
30% { background-color: #00f2ffd9 }
40% { background-color: #00f2ffd9 }
80% { background-color: #00ffcbd9 }
90% { background-color: #00ffcbd9 }
100% { background-color: #00ffcbd9 }
}
/*rainbow colors theme background color (4a)*\/
@keyframes AppleTubeThemeBC4a {
0% { background-color: #00ffcb4a }
30% { background-color: #00f2ff4a }
40% { background-color: #00f2ff4a }
80% { background-color: #00ffcb4a }
90% { background-color: #00ffcb4a }
100% { background-color: #00ffcb4a }
}
/*rainbow colors theme background color (e0)*\/
@keyframes AppleTubeThemeBCe0 {
0% { background-color: #00ffcbe0 }
30% { background-color: #00f2ffe0 }
40% { background-color: #00f2ffe0 }
80% { background-color: #00ffcbe0 }
90% { background-color: #00ffcbe0 }
100% { background-color: #00ffcbe0 }
}
/*rainbow colors theme color*\/
@keyframes AppleTubeThemeC {
0% { color: #00ffcb }
30% { color: #00f2ff }
40% { color: #00f2ff }
80% { color: #00ffcb }
90% { color: #00ffcb }
100% { color: #00ffcb }
}
/*rainbow colors theme background color*\/
@keyframes AppleTubeThemeBC {
0% { background-color: #00ffcb }
30% { background-color: #00f2ff }
40% { background-color: #00f2ff }
80% { background-color: #00ffcb }
90% { background-color: #00ffcb }
100% { background-color: #00ffcb }
}
/*rainbow colors*\/
@keyframes AppleTube {
0% { fill: #00ffcb }
30% { fill: #00f2ff }
40% { fill: #00f2ff }
80% { fill: #00ffcb }
90% { fill: #00ffcb }
100% { fill: #00ffcb }
}
/*rainbow animation time*\/
:root {
--t: 13s;
}
/*yt icon rainbow animation*\/
#heart-button button yt-icon,
path[fill="#FF0000"] {
animation: AppleTube var(--t) linear infinite;
}
/*progress bar animation*\/
.html5-play-progress, .ytp-play-progress {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*volume slider line animation (before)*\/
.ytp-volume-slider-track, .ytp-volume-slider-handle:before {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*comment liked by creator heart animation*\/
#hearted.ytd-creator-heart-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*sidebar selected icon animation*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*sidebar selected icon animation*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*verified badge animation*\/
yt-icon.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
opacity: 0.5;
}
/*notification dot side bar animation*\/
#newness-dot.ytd-guide-entry-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*like bar animation*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*like / dislike button animation*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*notification counter animation*\/
#notification-count.ytd-notification-topbar-button-renderer {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
animation: AppleTubeThemeBCe0 var(--t) linear infinite !important;
}
/*yt button animation*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt button text animation*\/
.ytp-sb-text {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt button animation*\/
ytd-button-renderer.style-destructive[is-paper-button] {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt sub button text (unsubsribed) animation*\/
yt-formatted-string.ytd-subscribe-button-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt sub button (unsubsribed) animation*\/
paper-button.ytd-subscribe-button-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt sub button (subsribed) animation*\/
paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string.ytd-subscribe-button-renderer {
animation: none !important;
}
/*yt sub button (subsribed) animation*\/
paper-button.ytd-subscribe-button-renderer[subscribed] {
animation: none !important;
}
/*live badge border / animation*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-color: currentcolor !important;
}
/*chechbox animation*\/
#checkbox.checked.paper-checkbox {
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-color: currentcolor !important;
background-color: currentcolor !important;
}
/*notification dot animation*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt button (manage channel / ...) animation*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*checkbox border animation*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
animation: AppleTubeThemeBoC var(--t) linear infinite !important;
}
/*checkbox animation*\/
#onRadio.paper-radio-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a, .gsfs {
color: currentcolor !important;
}
/*searchbar text animation (already searched)*\/
.sbsb_a {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*searchbar suggestion text color*\/
.sbqs_c {
color: #d4d4d4 !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*new badge text animation*\/
span.style-scope.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*new badge background animation*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid currentcolor !important;
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
#chips.ytd-feed-filter-chip-bar-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: currentColor;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
animation: AppleTubeThemeBCe0 var(--t) linear infinite !important;
}
/*chapter time color*\/
div#time.style-scope.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*chapter time bg-color*\/
#time.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
border-radius: 5px !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBG var(--t) linear infinite !important;
}
/*chapter selected border radius*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
outline: none !important;
}
/*chapter selected color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBoC var(--t) linear infinite !important;
} EOT;
limegreenlightgreen "Lime Green / Light Green" <<<EOT /*rainbow colors theme background color*\/
@keyframes AppleTubeThemeBG {
0% { background: #ccff00 }
30% { background: #8bff5e }
40% { background: #8bff5e }
80% { background: #ccff00 }
90% { background: #ccff00 }
100% { background: #ccff00 }
}
/*rainbow colors theme box shadow*\/
@keyframes AppleTubeThemeBS {
0% { box-shadow: 0 0 8px 2.5px #ccff00 }
30% { box-shadow: 0 0 8px 2.5px #8bff5e }
40% { box-shadow: 0 0 8px 2.5px #8bff5e }
80% { box-shadow: 0 0 8px 2.5px #ccff00 }
90% { box-shadow: 0 0 8px 2.5px #ccff00 }
100% { box-shadow: 0 0 8px 2.5px #ccff00 }
}
/*rainbow colors theme border color*\/
@keyframes AppleTubeThemeBoC {
0% { border-color: #ccff00 }
30% { border-color: #8bff5e }
40% { border-color: #8bff5e }
80% { border-color: #ccff00 }
90% { border-color: #ccff00 }
100% { border-color: #ccff00 }
}
/*rainbow colors theme background color (d9)*\/
@keyframes AppleTubeThemeBCd9 {
0% { background-color: #ccff00d9 }
30% { background-color: #8bff5ed9 }
40% { background-color: #8bff5ed9 }
80% { background-color: #ccff00d9 }
90% { background-color: #ccff00d9 }
100% { background-color: #ccff00d9 }
}
/*rainbow colors theme background color (4a)*\/
@keyframes AppleTubeThemeBC4a {
0% { background-color: #ccff004a }
30% { background-color: #8bff5e4a }
40% { background-color: #8bff5e4a }
80% { background-color: #ccff004a }
90% { background-color: #ccff004a }
100% { background-color: #ccff004a }
}
/*rainbow colors theme background color (e0)*\/
@keyframes AppleTubeThemeBCe0 {
0% { background-color: #ccff00e0 }
30% { background-color: #8bff5ee0 }
40% { background-color: #8bff5ee0 }
80% { background-color: #ccff00e0 }
90% { background-color: #ccff00e0 }
100% { background-color: #ccff00e0 }
}
/*rainbow colors theme color*\/
@keyframes AppleTubeThemeC {
0% { color: #ccff00 }
30% { color: #8bff5e }
40% { color: #8bff5e }
80% { color: #ccff00 }
90% { color: #ccff00 }
100% { color: #ccff00 }
}
/*rainbow colors theme background color*\/
@keyframes AppleTubeThemeBC {
0% { background-color: #ccff00 }
30% { background-color: #8bff5e }
40% { background-color: #8bff5e }
80% { background-color: #ccff00 }
90% { background-color: #ccff00 }
100% { background-color: #ccff00 }
}
/*rainbow colors*\/
@keyframes AppleTube {
0% { fill: #ccff00 }
30% { fill: #8bff5e }
40% { fill: #8bff5e }
80% { fill: #ccff00 }
90% { fill: #ccff00 }
100% { fill: #ccff00 }
}
/*rainbow animation time*\/
:root {
--t: 12s;
}
/*yt icon rainbow animation*\/
#heart-button button yt-icon,
path[fill="#FF0000"] {
animation: AppleTube var(--t) linear infinite;
}
/*progress bar animation*\/
.html5-play-progress, .ytp-play-progress {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*volume slider line animation (before)*\/
.ytp-volume-slider-track, .ytp-volume-slider-handle:before {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*comment liked by creator heart animation*\/
#hearted.ytd-creator-heart-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*sidebar selected icon animation*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*sidebar selected icon animation*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*verified badge animation*\/
yt-icon.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
opacity: 0.5;
}
/*notification dot side bar animation*\/
#newness-dot.ytd-guide-entry-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*like bar animation*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*like / dislike button animation*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*notification counter animation*\/
#notification-count.ytd-notification-topbar-button-renderer {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
animation: AppleTubeThemeBCe0 var(--t) linear infinite !important;
}
/*yt button animation*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt button text animation*\/
.ytp-sb-text {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt button animation*\/
ytd-button-renderer.style-destructive[is-paper-button] {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt sub button text (unsubsribed) animation*\/
yt-formatted-string.ytd-subscribe-button-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt sub button (unsubsribed) animation*\/
paper-button.ytd-subscribe-button-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt sub button (subsribed) animation*\/
paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string.ytd-subscribe-button-renderer {
animation: none !important;
}
/*yt sub button (subsribed) animation*\/
paper-button.ytd-subscribe-button-renderer[subscribed] {
animation: none !important;
}
/*live badge border / animation*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-color: currentcolor !important;
}
/*chechbox animation*\/
#checkbox.checked.paper-checkbox {
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-color: currentcolor !important;
background-color: currentcolor !important;
}
/*notification dot animation*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt button (manage channel / ...) animation*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*checkbox border animation*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
animation: AppleTubeThemeBoC var(--t) linear infinite !important;
}
/*checkbox animation*\/
#onRadio.paper-radio-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a, .gsfs {
color: currentcolor !important;
}
/*searchbar text animation (already searched)*\/
.sbsb_a {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*searchbar suggestion text color*\/
.sbqs_c {
color: #d4d4d4 !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*new badge text animation*\/
span.style-scope.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*new badge background animation*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid currentcolor !important;
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
#chips.ytd-feed-filter-chip-bar-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: currentColor;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
animation: AppleTubeThemeBCe0 var(--t) linear infinite !important;
}
/*chapter time color*\/
div#time.style-scope.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*chapter time bg-color*\/
#time.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
border-radius: 5px !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBG var(--t) linear infinite !important;
}
/*chapter selected border radius*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
outline: none !important;
}
/*chapter selected color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBoC var(--t) linear infinite !important;
} EOT;
redlightorange "Red / Light Orange" <<<EOT /*rainbow colors theme background color*\/
@keyframes AppleTubeThemeBG {
0% { background: #f34444 }
30% { background: #ffbb33 }
40% { background: #ffbb33 }
80% { background: #f34444 }
90% { background: #f34444 }
100% { background: #f34444 }
}
/*rainbow colors theme box shadow*\/
@keyframes AppleTubeThemeBS {
0% { box-shadow: 0 0 8px 2.5px #f34444 }
30% { box-shadow: 0 0 8px 2.5px #ffbb33 }
40% { box-shadow: 0 0 8px 2.5px #ffbb33 }
80% { box-shadow: 0 0 8px 2.5px #f34444 }
90% { box-shadow: 0 0 8px 2.5px #f34444 }
100% { box-shadow: 0 0 8px 2.5px #f34444 }
}
/*rainbow colors theme border color*\/
@keyframes AppleTubeThemeBoC {
0% { border-color: #f34444 }
30% { border-color: #ffbb33 }
40% { border-color: #ffbb33 }
80% { border-color: #f34444 }
90% { border-color: #f34444 }
100% { border-color: #f34444 }
}
/*rainbow colors theme background color (d9)*\/
@keyframes AppleTubeThemeBCd9 {
0% { background-color: #f34444d9 }
30% { background-color: #ffbb33d9 }
40% { background-color: #ffbb33d9 }
80% { background-color: #f34444d9 }
90% { background-color: #f34444d9 }
100% { background-color: #f34444d9 }
}
/*rainbow colors theme background color (4a)*\/
@keyframes AppleTubeThemeBC4a {
0% { background-color: #f344444a }
30% { background-color: #ffbb334a }
40% { background-color: #ffbb334a }
80% { background-color: #f344444a }
90% { background-color: #f344444a }
100% { background-color: #f344444a }
}
/*rainbow colors theme background color (e0)*\/
@keyframes AppleTubeThemeBCe0 {
0% { background-color: #f34444e0 }
30% { background-color: #ffbb33e0 }
40% { background-color: #ffbb33e0 }
80% { background-color: #f34444e0 }
90% { background-color: #f34444e0 }
100% { background-color: #f34444e0 }
}
/*rainbow colors theme color*\/
@keyframes AppleTubeThemeC {
0% { color: #f34444 }
30% { color: #ffbb33 }
40% { color: #ffbb33 }
80% { color: #f34444 }
90% { color: #f34444 }
100% { color: #f34444 }
}
/*rainbow colors theme background color*\/
@keyframes AppleTubeThemeBC {
0% { background-color: #f34444 }
30% { background-color: #ffbb33 }
40% { background-color: #ffbb33 }
80% { background-color: #f34444 }
90% { background-color: #f34444 }
100% { background-color: #f34444 }
}
/*rainbow colors*\/
@keyframes AppleTube {
0% { fill: #f34444 }
30% { fill: #ffbb33 }
40% { fill: #ffbb33 }
80% { fill: #f34444 }
90% { fill: #f34444 }
100% { fill: #f34444 }
}
/*rainbow animation time*\/
:root {
--t: 18s;
}
/*yt icon rainbow animation*\/
#heart-button button yt-icon,
path[fill="#FF0000"] {
animation: AppleTube var(--t) linear infinite;
}
/*progress bar animation*\/
.html5-play-progress, .ytp-play-progress {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*volume slider line animation (before)*\/
.ytp-volume-slider-track, .ytp-volume-slider-handle:before {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*comment liked by creator heart animation*\/
#hearted.ytd-creator-heart-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*sidebar selected icon animation*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*sidebar selected icon animation*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*verified badge animation*\/
yt-icon.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
opacity: 0.5;
}
/*notification dot side bar animation*\/
#newness-dot.ytd-guide-entry-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*like bar animation*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*like / dislike button animation*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*notification counter animation*\/
#notification-count.ytd-notification-topbar-button-renderer {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
animation: AppleTubeThemeBCe0 var(--t) linear infinite !important;
}
/*yt button animation*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt button text animation*\/
.ytp-sb-text {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt button animation*\/
ytd-button-renderer.style-destructive[is-paper-button] {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt sub button text (unsubsribed) animation*\/
yt-formatted-string.ytd-subscribe-button-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt sub button (unsubsribed) animation*\/
paper-button.ytd-subscribe-button-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt sub button (subsribed) animation*\/
paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string.ytd-subscribe-button-renderer {
animation: none !important;
}
/*yt sub button (subsribed) animation*\/
paper-button.ytd-subscribe-button-renderer[subscribed] {
animation: none !important;
}
/*live badge border / animation*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-color: currentcolor !important;
}
/*chechbox animation*\/
#checkbox.checked.paper-checkbox {
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-color: currentcolor !important;
background-color: currentcolor !important;
}
/*notification dot animation*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt button (manage channel / ...) animation*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*checkbox border animation*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
animation: AppleTubeThemeBoC var(--t) linear infinite !important;
}
/*checkbox animation*\/
#onRadio.paper-radio-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a, .gsfs {
color: currentcolor !important;
}
/*searchbar text animation (already searched)*\/
.sbsb_a {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*searchbar suggestion text color*\/
.sbqs_c {
color: #d4d4d4 !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*new badge text animation*\/
span.style-scope.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*new badge background animation*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid currentcolor !important;
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
#chips.ytd-feed-filter-chip-bar-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: currentColor;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
animation: AppleTubeThemeBCe0 var(--t) linear infinite !important;
}
/*chapter time color*\/
div#time.style-scope.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*chapter time bg-color*\/
#time.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
border-radius: 5px !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBG var(--t) linear infinite !important;
}
/*chapter selected border radius*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
outline: none !important;
}
/*chapter selected color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBoC var(--t) linear infinite !important;
} EOT;
purplepink "Purple / Pink" <<<EOT /*rainbow colors theme background color*\/
@keyframes AppleTubeThemeBG {
0% { background: #993cfc }
30% { background: #ff32ee }
40% { background: #ff32ee }
80% { background: #993cfc }
90% { background: #993cfc }
100% { background: #993cfc }
}
/*rainbow colors theme box shadow*\/
@keyframes AppleTubeThemeBS {
0% { box-shadow: 0 0 8px 2.5px #993cfc }
30% { box-shadow: 0 0 8px 2.5px #ff32ee }
40% { box-shadow: 0 0 8px 2.5px #ff32ee }
80% { box-shadow: 0 0 8px 2.5px #993cfc }
90% { box-shadow: 0 0 8px 2.5px #993cfc }
100% { box-shadow: 0 0 8px 2.5px #993cfc }
}
/*rainbow colors theme border color*\/
@keyframes AppleTubeThemeBoC {
0% { border-color: #993cfc }
30% { border-color: #ff32ee }
40% { border-color: #ff32ee }
80% { border-color: #993cfc }
90% { border-color: #993cfc }
100% { border-color: #993cfc }
}
/*rainbow colors theme background color (d9)*\/
@keyframes AppleTubeThemeBCd9 {
0% { background-color: #993cfcd9 }
30% { background-color: #ff32eed9 }
40% { background-color: #ff32eed9 }
80% { background-color: #993cfcd9 }
90% { background-color: #993cfcd9 }
100% { background-color: #993cfcd9 }
}
/*rainbow colors theme background color (4a)*\/
@keyframes AppleTubeThemeBC4a {
0% { background-color: #993cfc4a }
30% { background-color: #ff32ee4a }
40% { background-color: #ff32ee4a }
80% { background-color: #993cfc4a }
90% { background-color: #993cfc4a }
100% { background-color: #993cfc4a }
}
/*rainbow colors theme background color (e0)*\/
@keyframes AppleTubeThemeBCe0 {
0% { background-color: #993cfce0 }
30% { background-color: #ff32eee0 }
40% { background-color: #ff32eee0 }
80% { background-color: #993cfce0 }
90% { background-color: #993cfce0 }
100% { background-color: #993cfce0 }
}
/*rainbow colors theme color*\/
@keyframes AppleTubeThemeC {
0% { color: #993cfc }
30% { color: #ff32ee }
40% { color: #ff32ee }
80% { color: #993cfc }
90% { color: #993cfc }
100% { color: #993cfc }
}
/*rainbow colors theme background color*\/
@keyframes AppleTubeThemeBC {
0% { background-color: #993cfc }
30% { background-color: #ff32ee }
40% { background-color: #ff32ee }
80% { background-color: #993cfc }
90% { background-color: #993cfc }
100% { background-color: #993cfc }
}
/*rainbow colors*\/
@keyframes AppleTube {
0% { fill: #993cfc }
30% { fill: #ff32ee }
40% { fill: #ff32ee }
80% { fill: #993cfc }
90% { fill: #993cfc }
100% { fill: #993cfc }
}
/*rainbow animation time*\/
:root {
--t: 17s;
}
/*yt icon rainbow animation*\/
#heart-button button yt-icon,
path[fill="#FF0000"] {
animation: AppleTube var(--t) linear infinite;
}
/*progress bar animation*\/
.html5-play-progress, .ytp-play-progress {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*volume slider line animation (before)*\/
.ytp-volume-slider-track, .ytp-volume-slider-handle:before {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*comment liked by creator heart animation*\/
#hearted.ytd-creator-heart-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*sidebar selected icon animation*\/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*sidebar selected icon animation*\/
ytd-mini-guide-entry-renderer[active][background-color-update] .guide-icon.ytd-mini-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*verified badge animation*\/
yt-icon.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
opacity: 0.5;
}
/*notification dot side bar animation*\/
#newness-dot.ytd-guide-entry-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*like bar animation*\/
ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*like / dislike button animation*\/
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*autoplay button*\/
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*autoplay button bar*\/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*notification counter animation*\/
#notification-count.ytd-notification-topbar-button-renderer {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
/*quality badge (video settings)*\/
.ytp-swatch-color {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*menu toggle / quality badge (video settings)*\/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-settings-button.ytp-hd-quality-badge:after {
animation: AppleTubeThemeBCe0 var(--t) linear infinite !important;
}
/*yt button animation*\/
.ytp-sb-subscribe, a.ytp-sb-subscribe {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt button text animation*\/
.ytp-sb-text {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt button animation*\/
ytd-button-renderer.style-destructive[is-paper-button] {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt sub button text (unsubsribed) animation*\/
yt-formatted-string.ytd-subscribe-button-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt sub button (unsubsribed) animation*\/
paper-button.ytd-subscribe-button-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt sub button (subsribed) animation*\/
paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string.ytd-subscribe-button-renderer {
animation: none !important;
}
/*yt sub button (subsribed) animation*\/
paper-button.ytd-subscribe-button-renderer[subscribed] {
animation: none !important;
}
/*live badge border / animation*\/
.badge-style-type-live-now.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-color: currentcolor !important;
}
/*chechbox animation*\/
#checkbox.checked.paper-checkbox {
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-color: currentcolor !important;
background-color: currentcolor !important;
}
/*notification dot animation*\/
ytd-notification-renderer.unread #new.ytd-notification-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*yt general button*\/
ytd-button-renderer.style-primary[is-paper-button] {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
/*ascending youtuber*\/
.badge-style-type-featured.ytd-badge-supported-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*yt button (manage channel / ...) animation*\/
ytd-button-renderer.style-blue-text[is-icon-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt button (manage channel / ...) textcolor*\/
ytd-button-renderer.style-blue-text[is-paper-button] {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*already watched*\/
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*checkbox border animation*\/
paper-radio-button[checked] #offRadio.paper-radio-button {
animation: AppleTubeThemeBoC var(--t) linear infinite !important;
}
/*checkbox animation*\/
#onRadio.paper-radio-button {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*live icon sidebar*\/
.guide-entry-badge.ytd-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*searchbar text color (already searched)*\/
.sbpqs_a, .gsfs {
color: currentcolor !important;
}
/*searchbar text animation (already searched)*\/
.sbsb_a {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*searchbar suggestion text color*\/
.sbqs_c {
color: #d4d4d4 !important;
}
/*live chat down button*\/
yt-icon-button.yt-live-chat-item-list-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
backdrop-filter: blur(10px) !important;
}
/*yt live icon in video*\/
.ytp-live-badge[disabled]:before {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*sidebar icon*\/
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*new badge text animation*\/
span.style-scope.ytd-badge-supported-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*new badge background animation*\/
.badge-style-type-simple.ytd-badge-supported-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
}
/*live badge on thumbnail*\/
.ytp-videowall-still-info-live {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*live chat member*\/
#author-name.member.yt-live-chat-author-chip {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*yt sub button text*\/
yt-formatted-string#text.style-scope.ytd-button-renderer.style-destructive {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*live badge*\/
.yt-badge-live {
border: 1px solid currentcolor !important;
animation: AppleTubeThemeC var(--t) linear infinite !important;
border-radius: 3px !important;
}
/*subtitels button (pressed)*\/
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*video settings (4k / 5k / 8k)*\/
.ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
animation: AppleTubeThemeBCd9 var(--t) linear infinite !important;
}
#chips.ytd-feed-filter-chip-bar-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*feed filter selected*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
border-radius: 10px !important;
}
/*feed filter selection*\/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
color: currentColor;
border-radius: 10px !important;
}
/*`see current chapter`-button *\/
#sync-button.ytd-macro-markers-list-renderer {
animation: AppleTubeThemeBCe0 var(--t) linear infinite !important;
}
/*chapter time color*\/
div#time.style-scope.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeC var(--t) linear infinite !important;
}
/*chapter time bg-color*\/
#time.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBC4a var(--t) linear infinite !important;
border-radius: 5px !important;
}
/*chapter active indicator point*\/
#active-indicator.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBG var(--t) linear infinite !important;
}
/*chapter selected border radius*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
border: 2px solid !important;
border-radius: 12px !important;
outline: none !important;
}
/*chapter selected color*\/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {
animation: AppleTubeThemeBoC var(--t) linear infinite !important;
} EOT;
}
@advanced color themecolor "Custom Theme Color" #00FFCB
@advanced dropdown pbvs "Progress Bar / Volume Slider Theme" {
darkbar "Dark Theme*" <<<EOT /*progress bar scrubber button color*\/
.ytp-scrubber-button.ytp-swatch-background-color {
background: #3A3A3A !important;
}
/*progress bar color*\/
.html5-play-progress, .ytp-play-progress {
background: var(--pbc);
}
/*progress bar scrubber button shadow dark*\/
.ytp-scrubber-button.ytp-swatch-background-color {
box-shadow: var(--bsd);
}
/*volume slider handle color / shadow*\/
.ytp-volume-slider-handle {
box-shadow: var(--bsd);
background: #474747 !important;
}
/*volume slider line color (after)*\/
.ytp-volume-slider-handle:after {
background: #848484 !important;
z-index: -117;
}
/*volume slider line color (before)*\/
.ytp-volume-slider-track, .ytp-volume-slider-handle:before {
background: var(--vslcb);
z-index: -117;
}
/*progress bar scrubber button shadow dark*\/
.ytp-scrubber-button.ytp-swatch-background-color {
animation: AppleTubeThemeBS var(--t) linear infinite !important;
}
/*volume slider handle shadow dark*\/
.ytp-volume-slider-handle {
animation: AppleTubeThemeBS var(--t) linear infinite !important;
} EOT;
lightbar "Light Theme" <<<EOT /*progress bar scrubber button color*\/
.ytp-scrubber-button.ytp-swatch-background-color {
background: #ffffff !important;
}
/*progress bar color*\/
.html5-play-progress, .ytp-play-progress {
background: var(--pbc);
}
/*progress bar scrubber button shadow*\/
.ytp-scrubber-button.ytp-swatch-background-color {
box-shadow: 0 0 8px 0.5px #ffffff !important;
}
/*volume slider handle color / shadow*\/
.ytp-volume-slider-handle {
box-shadow: 0 0 8px 0.5px #ffffff;
background: #ffffff !important;
}
/*volume slider line color (before)*\/
.ytp-volume-slider-track, .ytp-volume-slider-handle:before {
background: var(--vslcb);
z-index: -117;
} EOT;
standardbar "Standard Theme" <<<EOT /*progress bar scrubber button color*\/
.ytp-scrubber-button.ytp-swatch-background-color {
background: var(--pbsbc) !important;
}
/*progress bar color*\/
.html5-play-progress, .ytp-play-progress {
background: var(--pbc);
}
/*volume slider line color (before)*\/
.ytp-volume-slider-track, .ytp-volume-slider-handle:before {
background: var(--vslcb);
z-index: -117;
}
/*volume slider line color (after)*\/
.ytp-volume-slider-handle:after {
z-index: -117;
}
/*volume slider handle color*\/
.ytp-volume-slider-handle {
background: var(--vshc) !important;
}
/*progress bar scrubber button background animation*\/
.ytp-swatch-background-color, .ytp-swatch-background-color-secondary {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
}
/*volume slider handle animation*\/
.ytp-volume-slider-handle {
animation: AppleTubeThemeBC var(--t) linear infinite !important;
} EOT;
}
==/UserStyle== */
@-moz-document domain(youtube.com) {
/*AppleTube by Simon Galver*/
/*Of course you can get inspired by this theme, but please don't copy and paste this code.*/
/*Thank you for understanding :)*/
/*[[colortheme]]*/
ytd-macro-markers-list-item-renderer:hover, ytd-macro-markers-list-item-renderer[active] {
border-radius: 10px !important;
}
/*chapter background delete*/
#content.ytd-engagement-panel-section-list-renderer {
background-color: transparent !important;
}
/*chapter border radius*/
ytd-engagement-panel-section-list-renderer {
border-radius: 15px;
}
/*already watched backdrop filter / radius*/
yt-formatted-string.ytd-thumbnail-overlay-playback-status-renderer {
background-color: rgb(0 0 0 / 50%) !important;
backdrop-filter: blur(10px);
border-radius: 5px !important;
}
/*feed filter before / after - background remove*/
ytd-feed-filter-chip-bar-renderer[is-dark-theme] #right-arrow.ytd-feed-filter-chip-bar-renderer:before, #right-arrow.ytd-feed-filter-chip-bar-renderer:before, ytd-feed-filter-chip-bar-renderer[is-dark-theme] #left-arrow.ytd-feed-filter-chip-bar-renderer:after, #left-arrow.ytd-feed-filter-chip-bar-renderer:after {
background: transparent !important;
}
ytd-thumbnail.ytd-rich-grid-media:before {
background-color: transparent !important;
}
/*feed filter background remove*/
#left-arrow-button.ytd-feed-filter-chip-bar-renderer, #right-arrow-button.ytd-feed-filter-chip-bar-renderer {
background-color: transparent !important;
}
/*feed filter background remove / border delete*/
#chips-wrapper.ytd-feed-filter-chip-bar-renderer {
background-color: transparent !important;
border-top: none !important;
border-bottom: none !important;
}
/*feed filter blur transition when hover*/
iron-selector#chips:hover {
backdrop-filter: blur(10px);
transition: all .25s linear;
}
/*feed filter space remove*/
#scroll-container.ytd-feed-filter-chip-bar-renderer {
margin-top: -1px !important;
}
/*feed filter options color*/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
background-color: rgba(49, 49, 49, 0.78);
}
/*feed filter options color when hover*/
yt-chip-cloud-chip-renderer.style-scope.ytd-feed-filter-chip-bar-renderer:hover {
background-color: #545454c7;
}
/*feed filter border delete*/
ytd-feed-filter-chip-bar-renderer {
border-top: none !important;
border-bottom: none !important;
}
/*feed filter fade delete*/
#scroll-container.ytd-feed-filter-chip-bar-renderer:after {
background: none !important;
}
/*thumbnail mousehover overlay backdrop filter*/
ytd-thumbnail-overlay-endorsement-renderer {
background-color: #0f0f0f90 !important;
color: #fff !important;
backdrop-filter: blur(10px);
}
/*yt studio button fix*/
img.style-scope.ytcp-home-button {
border-radius: 0px !important;
}
/*delete ugly donate icon*/
#header-background.ytd-donation-shelf-renderer {
display: none;
}
/*donate shelf color*/
#creator-messages-section.ytd-donation-shelf-renderer, #nonprofit-section.ytd-donation-shelf-renderer, #header-section.ytd-donation-shelf-renderer,#donate-section.ytd-donation-shelf-renderer, #collapse-controls-section.ytd-donation-shelf-renderer {
background-color: #151515;
}
/*donate shelf border radius*/
ytd-donation-shelf-renderer {
border-radius: 12px;
}
/*donate shelf border radius*/
#collapse-controls-section.ytd-donation-shelf-renderer {
border-radius: 0px 0px 12px 12px;
}
/*donate shelf border radius*/
#header-section.ytd-donation-shelf-renderer {
border-radius: 12px 12px 0px 0px;
}
/*feed filter blur transition when hover*/
ytd-feed-filter-chip-bar-renderer:hover {
backdrop-filter: blur(10px);
}
/*feed filter color delete*/
ytd-feed-filter-chip-bar-renderer {
background-color: transparent !important;
margin-top: -1px;
transition: all .25s linear
}
/*feed filter options color*/
yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"], yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] {
background-color: rgba(49, 49, 49, 0.78);
}
/*feed filter options color when hover*/
yt-chip-cloud-chip-renderer.style-scope.ytd-feed-filter-chip-bar-renderer:hover {
background-color: #545454c7;
}
/*feed filter border delete*/
ytd-feed-filter-chip-bar-renderer {
border-top: none !important;
border-bottom: none !important;
}
/*promoted item border delete*/
ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #dismissable.ytd-compact-promoted-item-renderer {
border-top: none !important;
border-bottom: none !important;
margin-bottom: -20px !important;
margin-top: -20px !important;
}
/*clarify box margin top to movie player*/
ytd-info-panel-content-renderer.style-scope.ytd-watch-flexy {
margin-top: 25px;
}
/*clarify box background / border radius*/
ytd-info-panel-content-renderer[has-menu] {
background: #212121 !important;
border-radius: 10px;
}
/*clarify box background*/
#content.ytd-info-panel-content-renderer {
background: transparent !important;
}
/*hide live chat background border radius*/
#show-hide-button.ytd-live-chat-frame > 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↑*/
}