Skip to content

Conversation

@wbalbo
Copy link
Contributor

@wbalbo wbalbo commented Jun 2, 2025

This should solve the issues #2901, #2645, and #2966

Tested on Chrome and Edge.

@wbalbo wbalbo requested a review from ImprovedTube June 2, 2025 21:45
@wbalbo wbalbo self-assigned this Jun 2, 2025
@ImprovedTube
Copy link
Member

thank you! @wbalbo

CSS display:none should be enough.

So ytd-expandable-metadata-renderer[has-video-summary] it is?
( The current version tests ytd-engagement-panel-section-list-renderer[target-id*="description"] from #2902 @Keerthi421 )


if await, for extension storage or our improvedtube.storage is necessary(?), then we should care for the whole extension at once.

@wbalbo
Copy link
Contributor Author

wbalbo commented Jun 2, 2025

thank you! @wbalbo

CSS display:none should be enough.

So ytd-expandable-metadata-renderer[has-video-summary] it is? ( The current version tests ytd-engagement-panel-section-list-renderer[target-id*="description"] from #2902 @Keerthi421 )

if await, for extension storage or our improvedtube.storage is necessary(?), then we should care for the whole extension at once.

The current version doesn't work, I tried and tested with CSS only, we need the JS part.

The await is because I was trying to change it in real time, but it didn't work, and I didn't remove the async await part. I just removed and tested without it, and it worked fine.

@ImprovedTube
Copy link
Member

ImprovedTube commented Jun 3, 2025

CSS should work persistently since the selector doesn't change: ( 43109f3 ) fc3e7f2

unlike our broken playlist button injections, since the whole DOM elements might exist twice.

await

i see! 👍 (could be good /just reminds me to check anyways 😃 https://github.com/search?q=repo%3Acode-charity%2Fyoutube+storage-loaded&type=code )

@wbalbo
Copy link
Contributor Author

wbalbo commented Jun 3, 2025

CSS should work persistently since the selector doesn't change: 43109f3

unlike our broken playlist button injections, since the whole DOM elements might exist twice.

await

i see! 👍 (could be good /just reminds me to check anyways 😃 https://github.com/search?q=repo%3Acode-charity%2Fyoutube+storage-loaded&type=code )

But this "ytd-engagement-panel-section-list-renderer" is not the correct one for the AI Summary.

The correct is the selector that I used on the JS file, "ytd-expandable-metadata-renderer"

@ImprovedTube
Copy link
Member

yes, my copy paste failed fc3e7f2

@ImprovedTube ImprovedTube marked this pull request as draft June 3, 2025 01:12
@wbalbo
Copy link
Contributor Author

wbalbo commented Jun 3, 2025

I didn't test using CSS, but I guess should work? I used to use JS because of the toggle option, but I don't mind if you make it work on CSS and remove all the JS part.

@ImprovedTube
Copy link
Member

@wbalbo the html root element attributes are synced with our toggles:

extension.storage.listener = function () {
chrome.storage.onChanged.addListener(function (changes) {
for (var key in changes) {
var value = changes[key].newValue,
camelized_key = extension.camelize(key);
extension.storage.data[key] = value;
document.documentElement.setAttribute('it-' + key.replace(/_/g, '-'), value);
if (typeof extension.features[camelized_key] === 'function') {
extension.features[camelized_key](true);
}
extension.events.trigger('storage-changed', {
key,
value
});
extension.messages.send({

Which is convenient and efficient.
(However, CSS may be processed from right to left and might consume a bit, so for rare features we could still use JS to inject or generate CSS.)

( Themes:

/*BLACK*/
html[it-theme=black] [dark],
html[it-theme=black]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]),
html[it-theme=black][data-system-color-scheme=dark][it-schedule=system_peference_dark],
html[it-theme=black][data-system-color-scheme=light][it-schedule=system_peference_light] {
--yt-swatch-primary: #000 !important;
--yt-swatch-primary-darker: #000 !important;
--yt-swatch-text: rgb(255, 255, 255) !important;
--yt-swatch-important-text: rgb(255, 255, 255) !important;
--yt-swatch-input-text: rgba(255, 255, 255, 1) !important;
--yt-swatch-textbox-bg: rgba(19, 19, 19, 1) !important;
--yt-swatch-logo-override: rgb(255, 255, 255) !important;
--yt-swatch-icon-color: rgba(136, 136, 136, 1) !important;
--yt-swatch-header-primary: #000;
--yt-spec-base-background: #000 !important;
--yt-spec-raised-background: #000 !important;
--yt-spec-menu-background: #000 !important;
--yt-spec-inverted-background: #fff;
--yt-spec-brand-background-solid: #000 !important;
--yt-spec-brand-background-primary: rgba(0, 0, 0, .98) !important;
--yt-spec-brand-background-secondary: rgba(0, 0, 0, .95) !important;
--yt-spec-general-background-a: #000 !important;
--yt-spec-general-background-b: #000 !important;
--yt-spec-general-background-c: #000 !important;
--yt-spec-error-background: #1f1f1f !important;
--yt-spec-text-primary: #aaa;
--yt-spec-text-primary-inverse: #000 !important;
--yt-spec-text-secondary: #aaa !important;
--yt-spec-text-disabled: #aaa !important;
--yt-spec-call-to-action: #0073e6 !important;
--yt-spec-icon-active-other: #aaa !important;
--yt-spec-icon-inactive: #aaa !important;
--yt-spec-icon-disabled: #aaa !important;
--yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important;
--yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important;
--yt-spec-suggested-action: var(--yt-spec-10-percent-layer) !important;
--yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important;
--yt-spec-touch-response: #000 !important;
--yt-spec-filled-button-text: #aaa !important;
--yt-spec-call-to-action-inverse: #aaa !important;
--yt-spec-brand-icon-active: #aaa !important;
--yt-spec-brand-icon-inactive: #aaa !important;
--yt-spec-brand-button-background: #242424 !important;
--yt-spec-brand-link-text: #aaa !important;
--yt-spec-filled-button-focus-outline: rgba(0, 0, 0, .60) !important;
--yt-spec-call-to-action-button-focus-outline: rgba(0, 0, 0, .30) !important;
--yt-spec-brand-text-button-focus-outline: rgba(204, 0, 0, .30) !important;
--yt-spec-inactive-text-button-focus-outline: #aaa !important;
--yt-spec-brand-subscribe-button-background: #aaa !important;
--yt-spec-wordmark-text: #aaa !important;
--yt-spec-10-percent-layer: #242424 !important;
--yt-spec-selected-nav-text: #aaa !important;
--yt-spec-themed-blue: #065fd4 !important;
--yt-spec-themed-green: #107516 !important;
--yt-frosted-glass-desktop: #000000cc !important;
background-color: var(--yt-spec-base-background)!important;
}
html[it-theme=black]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) #yt-masthead-logo-fragment .masthead-logo-renderer-logo,
html[it-theme=black][data-system-color-scheme=dark][it-schedule=system_peference_dark] #yt-masthead-logo-fragment .masthead-logo-renderer-logo,
html[it-theme=black][data-system-color-scheme=light][it-schedule=system_peference_light] #yt-masthead-logo-fragment .masthead-logo-renderer-logo {
-webkit-filter: grayscale(1) brightness(3.5);
filter: grayscale(1) brightness(3.5);
}
html[it-theme=black]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-masthead,
html[it-theme=black][data-system-color-scheme=dark][it-schedule=system_peference_dark] ytd-masthead,
html[it-theme=black][data-system-color-scheme=light][it-schedule=system_peference_light] ytd-masthead {
background: #000 !important;
--yt-swatch-primary: rgb(35, 35, 35) !important;
--yt-swatch-primary-darker: rgb(32, 32, 32) !important;
--yt-swatch-text: rgb(255, 255, 255) !important;
--yt-swatch-important-text: rgb(255, 255, 255) !important;
--yt-swatch-input-text: rgba(255, 255, 255, 1) !important;
--yt-swatch-textbox-bg: rgba(19, 19, 19, 1) !important;
--yt-swatch-logo-override: rgb(255, 255, 255) !important;
--yt-swatch-icon-color: rgba(136, 136, 136, 1) !important;
}
html[it-theme=black]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope),
html[it-theme=black][data-system-color-scheme=dark][it-schedule=system_peference_dark]:not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope),
html[it-theme=black][data-system-color-scheme=light][it-schedule=system_peference_light]:not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope) {
--yt-live-chat-action-panel-background-color: #000;
--yt-live-chat-action-panel-background-color-transparent: rgba(40, 40, 40, .8);
--yt-live-chat-primary-text-color: hsl(0, 0%, 100%);
--yt-live-chat-secondary-text-color: rgba(255, 255, 255, .7);
--yt-live-chat-tertiary-text-color: rgba(255, 255, 255, .54);
--yt-live-chat-disabled-icon-button-color: rgba(255, 255, 255, .3);
--yt-live-chat-picker-button-color: var(--yt-live-chat-tertiary-text-color);
--yt-formatted-string-emoji-size: 24px;
}
html[it-theme=black]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not([style-scope]):not(.style-scope),
html[it-theme=black]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not(.style-scope)[dark],
html[it-theme=black]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) :not(.style-scope)[dark],
html[it-theme=black][data-system-color-scheme=dark][it-schedule=system_peference_dark]:not([style-scope]):not(.style-scope),
html[it-theme=black][data-system-color-scheme=light][it-schedule=system_peference_light]:not([style-scope]):not(.style-scope) {
--yt-spec-icon-inactive: #fff;
--ytd-searchbox-border-color: hsla(0, 0%, 53.3%, .2);
--ytd-searchbox-background: #000;
--ytd-searchbox-legacy-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-border-shadow-color: hsla(0, 0%, 0%, 0);
--ytd-searchbox-legacy-button-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-button-focus-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-hover-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-hover-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-button-icon-color: #fff;
--ytd-moderation-panel-background: hsla(0, 0%, 11%, .8);
--ytd-moderation-panel-hover: hsl(0, 0%, 11%);
--ytd-moderation-panel-comment-text: hsla(0, 100%, 100%, .5);
--ytd-moderation-panel-comment-metadata-text: hsla(0, 100%, 100%, .5);
--ytd-moderation-icon-color: hsla(0, 100%, 100%, .5);
--ytd-moderation-icon-hover-color: hsla(0, 100%, 100%, .74);
--ytd-comment-text-color: hsla(0, 100%, 100%, .88);
--ytd-comment-metadata-text-color: hsl(0, 0%, 53.3%);
--ytd-watch-card-secondary-text-color: hsl(0, 0%, 93.3%);
--ytd-watch-card-album-header-background: hsl(0, 0%, 6.7%);
--ytd-backstage-metadata-text-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-video-link-background-color: hsl(0, 0%, 14%);
--ytd-backstage-image-alert-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-cancel-background-color: hsl(0, 0%, 14%);
--ytd-backstage-cancel-color: hsl(0, 0%, 100%);
--ytd-backstage-creationbox-background-color: hsl(0, 0%, 11%);
--ytd-backstage-creationbox-background-color-focus: hsl(0, 0%, 14%);
--ytd-backstage-creationbox-inactive-color: hsla(0, 100%, 100%, .26);
--ytd-backstage-creationbox-text-color: hsla(0, 100%, 100%, .5);
--ytd-backstage-creationbox-input-text-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-creationbox-disabled-button-color: hsla(0, 100%, 100%, .08);
--ytd-backstage-creationbox-disabled-button-text-color: hsla(0, 100%, 100%, .26);
--ytd-backstage-attachment-icon-hover-color: hsla(0, 100%, 100%, .74);
--ytd-sponsorships-background-color-focus: hsl(0, 0%, 11%);
--ytd-badge-background: hsla(0, 100%, 100%, .08);
--ytd-badge-disabled-color: hsla(0, 0%, 100%, .4);
--ytd-collection-badge-color: hsla(0, 0%, 100%, .8);
--ytd-owner-badge-color: hsla(0, 0%, 100%, .4);
--ytd-simple-badge-color: hsla(0, 0%, 100%, .6);
--ytd-ad-badge-text-color: hsl(0, 0%, 7%);
--ytd-shopping-product-info: hsla(0, 100%, 100%, .74);
--ytd-toggle-color: hsl(0, 0%, 93.3%);
--ytd-survey-button-color: var(--yt-primary-text-color);
--ytd-transcript-cue-hover-background-color: hsla(0, 0%, 53.3%, .4);
--ytd-transcript-toolbar-background-color: hsla(0, 0%, 53.3%, .4);
--ytd-transcript-toolbar-text: hsla(0, 100%, 100%, .88);
--ytd-video-publish-date-color: hsla(0, 0%, 100%, .6);
--ytd-vat-notice-text: hsla(0, 0%, 100%, .6);
--ytd-offer-background-color: hsl(0, 0%, 14%);
--ytd-video-game-watch-card-logo-color: hsl(0, 0%, 100%);
--ytd-watch-split-pane-sidebar-background-color: hsl(0, 0%, 11%);
--yt-std-body-100: hsla(0, 100%, 100%, .08);
--yt-std-body-200: hsla(0, 100%, 100%, .26);
--yt-std-body-300: hsla(0, 100%, 100%, .5);
--yt-std-surface-200: hsl(0, 0%, 11%);
--yt-std-surface-300: hsl(0, 0%, 14%);
--yt-std-surface-400: hsl(0, 0%, 16%);
--yt-primary-color: hsla(0, 100%, 100%, .88);
--yt-primary-text-color: hsla(0, 100%, 100%, .88);
--yt-hovered-text-color: hsla(0, 100%, 100%, .74);
--yt-secondary-text-color: hsla(0, 100%, 100%, .5);
--yt-tertiary-text-color: hsla(0, 100%, 100%, .5);
--yt-disabled-text-color: hsla(0, 100%, 100%, .26);
--yt-placeholder-text-color: hsla(0, 100%, 100%, .5);
--yt-border-color: hsla(0, 100%, 100%, .08);
--yt-commentbox-border-inactive: hsla(0, 100%, 100%, .5);
--yt-commentbox-border-active: hsla(0, 100%, 100%, .88);
--yt-alert-background: hsla(0, 100%, 100%, .26);
--yt-paper-button-ink-color: hsla(0, 0%, 100%, .2);
--yt-icon-color: hsla(0, 100%, 100%, .5);
--yt-icon-hover-color: hsla(0, 100%, 100%, .74);
--yt-icon-active-color: hsla(0, 100%, 100%, .88);
--yt-icon-disabled-color: hsla(0, 100%, 100%, .26);
--yt-endpoint-color: hsl(0, 0%, 53.3%);
--yt-expand-color: hsla(0, 0%, 100%, .6);
--yt-metadata-color: hsl(0, 0%, 53.3%);
--yt-channel-owner: hsla(0, 100%, 100%, .88);
--yt-placeholder-text: hsl(0, 0%, 93.3%);
--yt-playlist-background-header: #000;
--yt-playlist-background-item: #000;
--yt-playlist-title-text: hsla(0, 100%, 100%, .88);
--yt-playlist-message-text: hsl(0, 0%, 93.3%);
--yt-playlist-message-text-hover: hsla(0, 100%, 100%, .74);
--yt-subscribe-button-text-color: hsla(0, 100%, 100%, .88);
--yt-brand-color: hsla(0, 100%, 100%, .88);
--yt-button-text-color: hsla(0, 100%, 100%, .5);
--yt-button-payment-text-color: hsla(0, 100%, 100%, .88);
--yt-copyright-text: hsla(0, 0%, 100%, .6);
--yt-guide-entry-hover-background-color: hsla(0, 0%, 53.3%, .4);
--yt-thumbnail-placeholder-color: hsl(0, 0%, 16%);
--yt-primary-disabled-button-text-color: hsla(0, 0%, 100%, .2);
--yt-featured-channel-title-text-color: hsla(0, 100%, 100%, .5);
--yt-formatted-string-deemphasize-color: hsl(0, 0%, 53.3%);
--paper-menu-background-color: #000;
--paper-listbox-background-color: #000;
--paper-menu-color: hsla(0, 100%, 100%, .88);
--paper-listbox-color: hsla(0, 100%, 100%, .88);
--paper-dialog-background-color: #000;
--paper-toggle-button-unchecked-bar-color: hsl(0, 0%, 53.3%);
--yt-simple-menu-header-background: #000;
--yt-item-section-header-color: hsl(0, 0%, 93.3%);
--yt-menu-hover-backgound-color: #000;
--yt-menu-focus-background-color: #000;
--ytd-searchbox-text-color: var(--yt-primary-text-color);
--yt-material-searchbox-inactive: hsl(0, 0%, 7%);
--yt-material-searchbox-active: hsl(0, 0%, 100%);
--yt-material-searchbox-inactive-shadow: hsla(0, 0%, 0%, .04);
--yt-material-searchbox-active-shadow: hsla(0, 0%, 0%, .26);
--yt-material-searchbox-inset: hsla(0, 0%, 0%, .04);
--yt-material-searchbox-text-color: hsl(0, 0%, 6.7%);
--yt-app-background: #000;
--yt-main-app-background: #000;
--yt-main-app-background-tmp: #000;
--yt-guide-background: #000;
--yt-dialog-background: #000;
--yt-channel-header-background: #000;
--yt-sidebar-background: #000;
--yt-transcript-background: #000;
--yt-chat-bubble-other-border-color: hsla(0, 100%, 100%, .26);
--yt-chat-bubble-other-background-color: #000;
--yt-chat-bubble-self-border-color: hsl(0, 0%, 14%);
--yt-chat-bubble-self-background-color: #000;
--yt-blue-suggestive: transparent;
}
html[it-theme=black]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-expandable-metadata-renderer,
html[it-theme=black][data-system-color-scheme=dark][it-schedule=system_peference_dark] ytd-expandable-metadata-renderer,
html[it-theme=black][data-system-color-scheme=light][it-schedule=system_peference_light] ytd-expandable-metadata-renderer {
--yt-lightsource-section2-color: rgba(18,24,24,1.000) !important;
--yt-lightsource-section3-color: rgba(20,30,30,1.000) !important;
--yt-lightsource-section4-color: rgba(24,38,38,1.000) !important;
--yt-lightsource-primary-title-color: var(--yt-spec-text-primary) !important;
--yt-lightsource-secondary-title-color: var(--yt-spec-text-secondary) !important;
}
/*DAWN*/
html[it-theme=dawn] [dark],
html[it-theme=dawn]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]),
html[it-theme=dawn][data-system-color-scheme=dark][it-schedule=system_peference_dark],
html[it-theme=dawn][data-system-color-scheme=light][it-schedule=system_peference_light] {
--yt-swatch-primary: #d44d5c !important;
--yt-swatch-primary-darker: #d44d5c !important;
--yt-swatch-text: rgb(255, 255, 255) !important;
--yt-swatch-important-text: rgb(255, 255, 255) !important;
--yt-swatch-input-text: rgba(255, 255, 255, 1) !important;
--yt-swatch-textbox-bg: rgba(19, 19, 19, 1) !important;
--yt-swatch-logo-override: rgb(255, 255, 255) !important;
--yt-swatch-icon-color: rgba(136, 136, 136, 1) !important;
--yt-swatch-header-primary: #a46;
--yt-spec-base-background: #734 !important;
--yt-spec-raised-background: #734 !important;
--yt-spec-menu-background: #734 !important;
--yt-spec-inverted-background: #fff;
--yt-spec-brand-background-solid: #d44d5c !important;
--yt-spec-brand-background-primary: rgba(0, 0, 0, .98) !important;
--yt-spec-brand-background-secondary: rgba(0, 0, 0, .95) !important;
--yt-spec-general-background-a: #d44d5c !important;
--yt-spec-general-background-b: #d44d5c !important;
--yt-spec-general-background-c: #d44d5c !important;
--yt-spec-error-background: #1f1f1f !important;
--yt-spec-text-primary: rgb(255, 255, 255);
--yt-spec-text-primary-inverse: #734 !important;
--yt-spec-text-secondary: rgb(255, 255, 255) !important;
--yt-spec-text-disabled: rgb(255, 255, 255) !important;
--yt-spec-call-to-action: #0073e6 !important;
--yt-spec-icon-active-other: rgb(255, 255, 255) !important;
--yt-spec-icon-inactive: rgb(255, 255, 255) !important;
--yt-spec-icon-disabled: rgb(255, 255, 255) !important;
--yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important;
--yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important;
--yt-spec-suggested-action: var(--yt-spec-10-percent-layer) !important;
--yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important;
--yt-spec-touch-response: #d44d5c !important;
--yt-spec-filled-button-text: rgb(255, 255, 255) !important;
--yt-spec-call-to-action-inverse: rgb(255, 255, 255) !important;
--yt-spec-brand-icon-active: rgb(255, 255, 255) !important;
--yt-spec-brand-icon-inactive: rgb(255, 255, 255) !important;
--yt-spec-brand-button-background: rgba(136, 136, 136, 1) !important;
--yt-spec-brand-link-text: rgb(255, 255, 255) !important;
--yt-spec-filled-button-focus-outline: rgba(0, 0, 0, .60) !important;
--yt-spec-call-to-action-button-focus-outline: rgba(0, 0, 0, .30) !important;
--yt-spec-brand-text-button-focus-outline: rgba(204, 0, 0, .30) !important;
--yt-spec-inactive-text-button-focus-outline: #aaa !important;
--yt-spec-brand-subscribe-button-background: rgb(255, 255, 255) !important;
--yt-spec-wordmark-text: rgb(255, 255, 255) !important;
--yt-spec-10-percent-layer: rgba(136, 136, 136, 1) !important;
--yt-spec-selected-nav-text: rgb(255, 255, 255) !important;
--yt-spec-themed-blue: #065fd4 !important;
--yt-spec-themed-green: #107516 !important;
--yt-frosted-glass-desktop: #773344cc !important;
background-color: var(--yt-spec-base-background)!important;
}
html[it-theme=dawn]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-masthead,
html[it-theme=dawn][data-system-color-scheme=dark][it-schedule=system_peference_dark] ytd-masthead,
html[it-theme=dawn][data-system-color-scheme=light][it-schedule=system_peference_light] ytd-masthead {
background: #835 !important;
--yt-swatch-primary: rgb(35, 35, 35) !important;
--yt-swatch-primary-darker: rgb(32, 32, 32) !important;
--yt-swatch-text: rgb(255, 255, 255) !important;
--yt-swatch-important-text: rgb(255, 255, 255) !important;
--yt-swatch-input-text: rgba(255, 255, 255, 1) !important;
--yt-swatch-textbox-bg: rgba(19, 19, 19, 1) !important;
--yt-swatch-logo-override: rgb(255, 255, 255) !important;
--yt-swatch-icon-color: rgba(136, 136, 136, 1) !important;
--yt-spec-general-background-a: #d44d5c !important;
--yt-spec-general-background-b: #d44d5c !important;
--yt-spec-general-background-c: #d44d5c !important;
}
html[it-theme=dawn]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope),
html[it-theme=dawn][data-system-color-scheme=dark][it-schedule=system_peference_dark]:not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope),
html[it-theme=dawn][data-system-color-scheme=light][it-schedule=system_peference_light]:not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope) {
--yt-live-chat-action-panel-background-color: #d44d5c;
--yt-live-chat-action-panel-background-color-transparent: rgba(40, 40, 40, .8);
--yt-live-chat-primary-text-color: hsl(0, 0%, 100%);
--yt-live-chat-secondary-text-color: rgba(255, 255, 255, .7);
--yt-live-chat-tertiary-text-color: rgba(255, 255, 255, .54);
--yt-live-chat-disabled-icon-button-color: rgba(255, 255, 255, .3);
--yt-live-chat-picker-button-color: var(--yt-live-chat-tertiary-text-color);
--yt-formatted-string-emoji-size: 24px;
}
html[it-theme=dawn]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not([style-scope]):not(.style-scope),
html[it-theme=dawn]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not(.style-scope)[dark],
html[it-theme=dawn]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) :not(.style-scope)[dark],
html[it-theme=dawn][data-system-color-scheme=dark][it-schedule=system_peference_dark]:not([style-scope]):not(.style-scope),
html[it-theme=dawn][data-system-color-scheme=light][it-schedule=system_peference_light]:not([style-scope]):not(.style-scope) {
--yt-spec-icon-inactive: #fff;
--ytd-searchbox-border-color: hsla(0, 0%, 53.3%, .2);
--ytd-searchbox-background: #672c3b;
--ytd-searchbox-legacy-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-border-shadow-color: hsla(0, 0%, 0%, 0);
--ytd-searchbox-legacy-button-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-button-focus-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-hover-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-hover-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-button-icon-color: hsla(0, 100%, 100%, .5);
--ytd-moderation-panel-background: hsla(0, 0%, 11%, .8);
--ytd-moderation-panel-hover: hsl(0, 0%, 11%);
--ytd-moderation-panel-comment-text: hsla(0, 100%, 100%, .5);
--ytd-moderation-panel-comment-metadata-text: hsla(0, 100%, 100%, .5);
--ytd-moderation-icon-color: hsla(0, 100%, 100%, .5);
--ytd-moderation-icon-hover-color: hsla(0, 100%, 100%, .74);
--ytd-comment-text-color: hsla(0, 100%, 100%, .88);
--ytd-comment-metadata-text-color: hsl(0, 0%, 53.3%);
--ytd-watch-card-secondary-text-color: hsl(0, 0%, 93.3%);
--ytd-watch-card-album-header-background: hsl(0, 0%, 6.7%);
--ytd-backstage-metadata-text-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-video-link-background-color: hsl(0, 0%, 14%);
--ytd-backstage-image-alert-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-cancel-background-color: hsl(0, 0%, 14%);
--ytd-backstage-cancel-color: hsl(0, 0%, 100%);
--ytd-backstage-creationbox-background-color: hsl(0, 0%, 11%);
--ytd-backstage-creationbox-background-color-focus: hsl(0, 0%, 14%);
--ytd-backstage-creationbox-inactive-color: hsla(0, 100%, 100%, .26);
--ytd-backstage-creationbox-text-color: hsla(0, 100%, 100%, .5);
--ytd-backstage-creationbox-input-text-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-creationbox-disabled-button-color: hsla(0, 100%, 100%, .08);
--ytd-backstage-creationbox-disabled-button-text-color: hsla(0, 100%, 100%, .26);
--ytd-backstage-attachment-icon-hover-color: hsla(0, 100%, 100%, .74);
--ytd-sponsorships-background-color-focus: hsl(0, 0%, 11%);
--ytd-badge-background: hsla(0, 100%, 100%, .08);
--ytd-badge-disabled-color: hsla(0, 0%, 100%, .4);
--ytd-collection-badge-color: hsla(0, 0%, 100%, .8);
--ytd-owner-badge-color: hsla(0, 0%, 100%, .4);
--ytd-simple-badge-color: hsla(0, 0%, 100%, .6);
--ytd-ad-badge-text-color: hsl(0, 0%, 7%);
--ytd-shopping-product-info: hsla(0, 100%, 100%, .74);
--ytd-toggle-color: hsl(0, 0%, 93.3%);
--ytd-survey-button-color: var(--yt-primary-text-color);
--ytd-transcript-cue-hover-background-color: hsla(0, 0%, 53.3%, .4);
--ytd-transcript-toolbar-background-color: hsla(0, 0%, 53.3%, .4);
--ytd-transcript-toolbar-text: hsla(0, 100%, 100%, .88);
--ytd-video-publish-date-color: hsla(0, 0%, 100%, .6);
--ytd-vat-notice-text: hsla(0, 0%, 100%, .6);
--ytd-offer-background-color: hsl(0, 0%, 14%);
--ytd-video-game-watch-card-logo-color: hsl(0, 0%, 100%);
--ytd-watch-split-pane-sidebar-background-color: hsl(0, 0%, 11%);
--yt-std-body-100: hsla(0, 100%, 100%, .08);
--yt-std-body-200: hsla(0, 100%, 100%, .26);
--yt-std-body-300: hsla(0, 100%, 100%, .5);
--yt-std-surface-200: hsl(0, 0%, 11%);
--yt-std-surface-300: hsl(0, 0%, 14%);
--yt-std-surface-400: hsl(0, 0%, 16%);
--yt-primary-color: hsla(0, 100%, 100%, .88);
--yt-primary-text-color: hsla(0, 100%, 100%, .88);
--yt-hovered-text-color: hsla(0, 100%, 100%, .74);
--yt-secondary-text-color: hsla(0, 100%, 100%, .5);
--yt-tertiary-text-color: hsla(0, 100%, 100%, .5);
--yt-disabled-text-color: hsla(0, 100%, 100%, .26);
--yt-placeholder-text-color: hsla(0, 100%, 100%, .5);
--yt-border-color: hsla(0, 100%, 100%, .08);
--yt-commentbox-border-inactive: hsla(0, 100%, 100%, .5);
--yt-commentbox-border-active: hsla(0, 100%, 100%, .88);
--yt-alert-background: hsla(0, 100%, 100%, .26);
--yt-paper-button-ink-color: hsla(0, 0%, 100%, .2);
--yt-icon-color: hsla(0, 100%, 100%, .5);
--yt-icon-hover-color: hsla(0, 100%, 100%, .74);
--yt-icon-active-color: hsla(0, 100%, 100%, .88);
--yt-icon-disabled-color: hsla(0, 100%, 100%, .26);
--yt-endpoint-color: hsl(0, 0%, 53.3%);
--yt-expand-color: hsla(0, 0%, 100%, .6);
--yt-metadata-color: hsl(0, 0%, 53.3%);
--yt-channel-owner: hsla(0, 100%, 100%, .88);
--yt-placeholder-text: hsl(0, 0%, 93.3%);
--yt-playlist-background-header: #d44d5c;
--yt-playlist-background-item: #d44d5c;
--yt-playlist-title-text: hsla(0, 100%, 100%, .88);
--yt-playlist-message-text: hsl(0, 0%, 93.3%);
--yt-playlist-message-text-hover: hsla(0, 100%, 100%, .74);
--yt-subscribe-button-text-color: hsla(0, 100%, 100%, .88);
--yt-brand-color: hsla(0, 100%, 100%, .88);
--yt-button-text-color: hsla(0, 100%, 100%, .5);
--yt-button-payment-text-color: hsla(0, 100%, 100%, .88);
--yt-copyright-text: hsla(0, 0%, 100%, .6);
--yt-guide-entry-hover-background-color: hsla(0, 0%, 53.3%, .4);
--yt-thumbnail-placeholder-color: hsl(0, 0%, 16%);
--yt-primary-disabled-button-text-color: hsla(0, 0%, 100%, .2);
--yt-featured-channel-title-text-color: hsla(0, 100%, 100%, .5);
--yt-formatted-string-deemphasize-color: hsl(0, 0%, 53.3%);
--paper-menu-background-color: #d44d5c;
--paper-listbox-background-color: #d44d5c;
--paper-menu-color: hsla(0, 100%, 100%, .88);
--paper-listbox-color: hsla(0, 100%, 100%, .88);
--paper-dialog-background-color: #d44d5c;
--paper-toggle-button-unchecked-bar-color: hsl(0, 0%, 53.3%);
--yt-simple-menu-header-background: #d44d5c;
--yt-item-section-header-color: hsl(0, 0%, 93.3%);
--yt-menu-hover-backgound-color: #d44d5c;
--yt-menu-focus-background-color: #d44d5c;
--ytd-searchbox-text-color: var(--yt-primary-text-color);
--yt-material-searchbox-inactive: hsl(0, 0%, 7%);
--yt-material-searchbox-active: hsl(0, 0%, 100%);
--yt-material-searchbox-inactive-shadow: hsla(0, 0%, 0%, .04);
--yt-material-searchbox-active-shadow: hsla(0, 0%, 0%, .26);
--yt-material-searchbox-inset: hsla(0, 0%, 0%, .04);
--yt-material-searchbox-text-color: hsl(0, 0%, 6.7%);
--yt-app-background: #d44d5c;
--yt-main-app-background: #d44d5c;
--yt-main-app-background-tmp: #d44d5c;
--yt-guide-background: #d44d5c;
--yt-dialog-background: #734;
--yt-channel-header-background: #d44d5c;
--yt-sidebar-background: #d44d5c;
--yt-transcript-background: #d44d5c;
--yt-chat-bubble-other-border-color: hsla(0, 100%, 100%, .26);
--yt-chat-bubble-other-background-color: #d44d5c;
--yt-chat-bubble-self-border-color: hsl(0, 0%, 14%);
--yt-chat-bubble-self-background-color: #d44d5c;
--yt-blue-suggestive: transparent;
--yt-spec-text-secondary: #f5dbe2;
}
html[it-theme=dawn]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) #yt-masthead-logo-fragment .masthead-logo-renderer-logo,
html[it-theme=dawn][data-system-color-scheme=dark][it-schedule=system_peference_dark] #yt-masthead-logo-fragment .masthead-logo-renderer-logo,
html[it-theme=dawn][data-system-color-scheme=light][it-schedule=system_peference_light] #yt-masthead-logo-fragment .masthead-logo-renderer-logo {
-webkit-filter: grayscale(1) brightness(4);
filter: grayscale(1) brightness(4);
}
html[it-theme=dawn]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-expandable-metadata-renderer,
html[it-theme=dawn][data-system-color-scheme=dark][it-schedule=system_peference_dark] ytd-expandable-metadata-renderer,
html[it-theme=dawn][data-system-color-scheme=light][it-schedule=system_peference_light] ytd-expandable-metadata-renderer {
--yt-lightsource-section2-color: rgba(0, 0, 0, 0.1) !important;
--yt-lightsource-section3-color: rgba(0, 0, 0, 0.2) !important;
--yt-lightsource-section4-color: rgba(0, 0, 0, 0.3) !important;
--yt-lightsource-primary-title-color: var(--yt-spec-text-primary) !important;
--yt-lightsource-secondary-title-color: var(--yt-spec-text-secondary) !important;
}
/*DESERT*/
html[it-theme=desert]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]),
html[it-theme=desert][data-system-color-scheme=dark][it-schedule=system_peference_dark],
html[it-theme=desert][data-system-color-scheme=light][it-schedule=system_peference_light] {
--yt-swatch-primary: #faf9f9 !important;
--yt-swatch-primary-darker: #faf9f9 !important;
--yt-swatch-text: #555 !important;
--yt-swatch-important-text: #555 !important;
--yt-swatch-input-text: #555 !important;
--yt-swatch-textbox-bg: rgba(19, 19, 19, 1) !important;
--yt-swatch-logo-override: #555 !important;
--yt-swatch-icon-color: rgba(136, 136, 136, 1) !important;
--yt-swatch-header-primary: #bee3db;
--yt-spec-base-background: #faf9f9 !important;
--yt-spec-raised-background: #faf9f9 !important;
--yt-spec-menu-background: #faf9f9 !important;
--yt-spec-inverted-background: #fff;
--yt-spec-brand-background-solid: #faf9f9 !important;
--yt-spec-brand-background-primary: rgba(0, 0, 0, .98) !important;
--yt-spec-brand-background-secondary: rgba(0, 0, 0, .95) !important;
--yt-spec-general-background-a: #faf9f9 !important;
--yt-spec-general-background-b: #faf9f9 !important;
--yt-spec-general-background-c: #faf9f9 !important;
--yt-spec-error-background: #1f1f1f !important;
--yt-spec-text-primary: #555;
--yt-spec-text-primary-inverse: #faf9f9 !important;
--yt-spec-text-secondary: #555 !important;
--yt-spec-text-disabled: #555 !important;
--yt-spec-call-to-action: #0073e6 !important;
--yt-spec-icon-active-other: #555 !important;
--yt-spec-icon-inactive: #555 !important;
--yt-spec-icon-disabled: #555 !important;
--yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important;
--yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important;
--yt-spec-suggested-action: var(--yt-spec-10-percent-layer) !important;
--yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important;
--yt-spec-touch-response: #faf9f9 !important;
--yt-spec-filled-button-text: #555 !important;
--yt-spec-call-to-action-inverse: #555 !important;
--yt-spec-brand-icon-active: #555 !important;
--yt-spec-brand-icon-inactive: #555 !important;
--yt-spec-brand-button-background: rgba(136, 136, 136, 1) !important;
--yt-spec-brand-link-text: #555 !important;
--yt-spec-filled-button-focus-outline: rgba(0, 0, 0, .60) !important;
--yt-spec-call-to-action-button-focus-outline: rgba(0, 0, 0, .30) !important;
--yt-spec-brand-text-button-focus-outline: rgba(204, 0, 0, .30) !important;
--yt-spec-inactive-text-button-focus-outline: #aaa !important;
--yt-spec-brand-subscribe-button-background: #555 !important;
--yt-spec-wordmark-text: #555 !important;
--yt-spec-10-percent-layer: rgba(136, 136, 136, 1) !important;
--yt-spec-selected-nav-text: #555 !important;
--yt-spec-themed-blue: #065fd4 !important;
--yt-spec-themed-green: #107516 !important;
--yt-frosted-glass-desktop: #faf9f9cc !important;
background-color: var(--yt-spec-base-background)!important;
}
html[it-theme=desert]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-masthead,
html[it-theme=desert][data-system-color-scheme=dark][it-schedule=system_peference_dark] ytd-masthead,
html[it-theme=desert][data-system-color-scheme=light][it-schedule=system_peference_light] ytd-masthead {
background: #ced3cb !important;
--yt-swatch-primary: rgb(35, 35, 35) !important;
--yt-swatch-primary-darker: rgb(32, 32, 32) !important;
--yt-swatch-text: #555 !important;
--yt-swatch-important-text: #555 !important;
--yt-swatch-input-text: #555 !important;
--yt-swatch-textbox-bg: rgba(19, 19, 19, 1) !important;
--yt-swatch-logo-override: #555 !important;
--yt-swatch-icon-color: rgba(136, 136, 136, 1) !important;
--yt-spec-general-background-a: #faf9f9 !important;
--yt-spec-general-background-b: #faf9f9 !important;
--yt-spec-general-background-c: #faf9f9 !important;
}
html[it-theme=desert]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope),
html[it-theme=desert][data-system-color-scheme=dark][it-schedule=system_peference_dark]:not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope),
html[it-theme=desert][data-system-color-scheme=light][it-schedule=system_peference_light]:not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope) {
--yt-live-chat-action-panel-background-color: #faf9f9;
--yt-live-chat-action-panel-background-color-transparent: rgba(40, 40, 40, .8);
--yt-live-chat-primary-text-color: #555;
--yt-live-chat-secondary-text-color: rgba(255, 255, 255, .7);
--yt-live-chat-tertiary-text-color: rgba(255, 255, 255, .54);
--yt-live-chat-disabled-icon-button-color: rgba(255, 255, 255, .3);
--yt-live-chat-picker-button-color: var(--yt-live-chat-tertiary-text-color);
--yt-formatted-string-emoji-size: 24px;
}
html[it-theme=desert]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not([style-scope]):not(.style-scope),
html[it-theme=desert]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not(.style-scope)[dark],
html[it-theme=desert]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) :not(.style-scope)[dark],
html[it-theme=desert][data-system-color-scheme=dark][it-schedule=system_peference_dark]:not(.style-scope)[dark],
html[it-theme=desert][data-system-color-scheme=light][it-schedule=system_peference_light]:not(.style-scope)[dark] {
--yt-spec-icon-inactive: #555;
--yt-spec-text-primary: #555;
--ytd-searchbox-border-color: #555;
--ytd-searchbox-background: #faf9f9;
--ytd-searchbox-legacy-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-border-shadow-color: hsla(0, 0%, 0%, 0);
--ytd-searchbox-legacy-button-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-button-focus-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-hover-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-hover-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-button-icon-color: #fff;
--ytd-moderation-panel-background: #555;
--ytd-moderation-panel-hover: #555;
--ytd-moderation-panel-comment-text: #555;
--ytd-moderation-panel-comment-metadata-text: #555;
--ytd-moderation-icon-color: #555;
--ytd-moderation-icon-hover-color: #555;
--ytd-comment-text-color: #555;
--ytd-comment-metadata-text-color: #555;
--ytd-watch-card-secondary-text-color: #555;
--ytd-watch-card-album-header-background: #555;
--ytd-backstage-metadata-text-color: #555;
--ytd-backstage-video-link-background-color: #555;
--ytd-backstage-image-alert-color: #555;
--ytd-backstage-cancel-background-color: #555;
--ytd-backstage-cancel-color: #555;
--ytd-backstage-creationbox-background-color: #555;
--ytd-backstage-creationbox-background-color-focus: #555;
--ytd-backstage-creationbox-inactive-color: #555;
--ytd-backstage-creationbox-text-color: #555;
--ytd-backstage-creationbox-input-text-color: #555;
--ytd-backstage-creationbox-disabled-button-color: #555;
--ytd-backstage-creationbox-disabled-button-text-color: #555;
--ytd-backstage-attachment-icon-hover-color: #555;
--ytd-sponsorships-background-color-focus: #555;
--ytd-badge-background: #555;
--ytd-badge-disabled-color: #555;
--ytd-collection-badge-color: #555;
--ytd-owner-badge-color: #555;
--ytd-simple-badge-color: #555;
--ytd-ad-badge-text-color: #555;
--ytd-shopping-product-info: #555;
--ytd-toggle-color: #555;
--ytd-survey-button-color: var(--yt-primary-text-color);
--ytd-transcript-cue-hover-background-color: #555;
--ytd-transcript-toolbar-background-color: #555;
--ytd-transcript-toolbar-text: #555;
--ytd-video-publish-date-color: #555;
--ytd-vat-notice-text: #555;
--ytd-offer-background-color: #555;
--ytd-video-game-watch-card-logo-color: #555;
--ytd-watch-split-pane-sidebar-background-color: #555;
--yt-std-body-100: #555;
--yt-std-body-200: #555;
--yt-std-body-300: #555;
--yt-std-surface-200: #555;
--yt-std-surface-300: #555;
--yt-std-surface-400: #555;
--yt-primary-color: #555;
--yt-primary-text-color: #555;
--yt-hovered-text-color: #555;
--yt-secondary-text-color: #555;
--yt-tertiary-text-color: #555;
--yt-disabled-text-color: #555;
--yt-placeholder-text-color: #555;
--yt-border-color: #555;
--yt-commentbox-border-inactive: #555;
--yt-commentbox-border-active: #555;
--yt-alert-background: #555;
--yt-paper-button-ink-color: #555;
--yt-icon-color: #555;
--yt-icon-hover-color: #555;
--yt-icon-active-color: #555;
--yt-icon-disabled-color: #555;
--yt-endpoint-color: #555;
--yt-expand-color: #555;
--yt-metadata-color: #555;
--yt-channel-owner: #555;
--yt-placeholder-text: #555;
--yt-playlist-background-header: #faf9f9;
--yt-playlist-background-item: #faf9f9;
--yt-playlist-title-text: #555;
--yt-playlist-message-text: #555;
--yt-playlist-message-text-hover: #555;
--yt-subscribe-button-text-color: #555;
--yt-brand-color: #555;
--yt-button-text-color: #555;
--yt-button-payment-text-color: #555;
--yt-copyright-text: #555;
--yt-guide-entry-hover-background-color: #555;
--yt-thumbnail-placeholder-color: #555;
--yt-primary-disabled-button-text-color: #555;
--yt-featured-channel-title-text-color: #555;
--yt-formatted-string-deemphasize-color: #555;
--paper-menu-background-color: #faf9f9;
--paper-listbox-background-color: #faf9f9;
--paper-menu-color: #555;
--paper-listbox-color: #555;
--paper-dialog-background-color: #faf9f9;
--paper-toggle-button-unchecked-bar-color: #555;
--yt-simple-menu-header-background: #faf9f9;
--yt-item-section-header-color: #555;
--yt-menu-hover-backgound-color: #faf9f9;
--yt-menu-focus-background-color: #faf9f9;
--ytd-searchbox-text-color: var(--yt-primary-text-color);
--yt-material-searchbox-inactive: #555;
--yt-material-searchbox-active: #555;
--yt-material-searchbox-inactive-shadow: #555;
--yt-material-searchbox-active-shadow: #555;
--yt-material-searchbox-inset: #555;
--yt-material-searchbox-text-color: #555;
--yt-app-background: #faf9f9;
--yt-main-app-background: #faf9f9;
--yt-main-app-background-tmp: #faf9f9;
--yt-guide-background: #faf9f9;
--yt-dialog-background: #bee3db;
--yt-channel-header-background: #faf9f9;
--yt-sidebar-background: #faf9f9;
--yt-transcript-background: #faf9f9;
--yt-chat-bubble-other-border-color: #555;
--yt-chat-bubble-other-background-color: #faf9f9;
--yt-chat-bubble-self-border-color: #555;
--yt-chat-bubble-self-background-color: #faf9f9;
--yt-blue-suggestive: transparent;
}
/*NIGHT*/
html[it-theme=night] [dark],
html[it-theme=night]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]),
html[it-theme=night][data-system-color-scheme=dark][it-schedule=system_peference_dark],
html[it-theme=night][data-system-color-scheme=light][it-schedule=system_peference_light] {
--yt-swatch-primary: #003459 !important;
--yt-swatch-primary-darker: #003459 !important;
--yt-swatch-text: rgb(255, 255, 255) !important;
--yt-swatch-important-text: rgb(255, 255, 255) !important;
--yt-swatch-input-text: rgba(255, 255, 255, 1) !important;
--yt-swatch-textbox-bg: rgba(19, 19, 19, 1) !important;
--yt-swatch-logo-override: rgb(255, 255, 255) !important;
--yt-swatch-icon-color: rgba(136, 136, 136, 1) !important;
--yt-swatch-header-primary: #007ea7;
--yt-spec-base-background: #003459 !important;
--yt-spec-raised-background: #003459 !important;
--yt-spec-menu-background: #003459 !important;
--yt-spec-inverted-background: #fff;
--yt-spec-brand-background-solid: #003459 !important;
--yt-spec-brand-background-primary: rgba(0, 0, 0, .98) !important;
--yt-spec-brand-background-secondary: rgba(0, 0, 0, .95) !important;
--yt-spec-general-background-a: #003459 !important;
--yt-spec-general-background-b: #003459 !important;
--yt-spec-general-background-c: #003459 !important;
--yt-spec-error-background: #1f1f1f !important;
--yt-spec-text-primary: #fff;
--yt-spec-text-primary-inverse: #003459 !important;
--yt-spec-text-secondary: #fff !important;
--yt-spec-text-disabled: #fff !important;
--yt-spec-call-to-action: #0073e6 !important;
--yt-spec-icon-active-other: #fff !important;
--yt-spec-icon-inactive: #fff !important;
--yt-spec-icon-disabled: #fff !important;
--yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important;
--yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important;
--yt-spec-suggested-action: var(--yt-spec-10-percent-layer) !important;
--yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important;
--yt-spec-touch-response: #003459 !important;
--yt-spec-filled-button-text: #fff !important;
--yt-spec-call-to-action-inverse: #fff !important;
--yt-spec-brand-icon-active: #fff !important;
--yt-spec-brand-icon-inactive: #fff !important;
--yt-spec-brand-button-background: rgba(136, 136, 136, 1) !important;
--yt-spec-brand-link-text: #fff !important;
--yt-spec-filled-button-focus-outline: rgba(0, 0, 0, .60) !important;
--yt-spec-call-to-action-button-focus-outline: rgba(0, 0, 0, .30) !important;
--yt-spec-brand-text-button-focus-outline: rgba(204, 0, 0, .30) !important;
--yt-spec-inactive-text-button-focus-outline: #aaa !important;
--yt-spec-brand-subscribe-button-background: #fff !important;
--yt-spec-wordmark-text: #fff !important;
--yt-spec-10-percent-layer: rgba(136, 136, 136, 1) !important;
--yt-spec-selected-nav-text: #fff !important;
--yt-spec-themed-blue: #065fd4 !important;
--yt-spec-themed-green: #107516 !important;
--yt-frosted-glass-desktop: #003459cc !important;
background-color: var(--yt-spec-base-background)!important;
}
html[it-theme=night]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) #yt-masthead-logo-fragment .masthead-logo-renderer-logo,
html[it-theme=night][data-system-color-scheme=dark][it-schedule=system_peference_dark] #yt-masthead-logo-fragment .masthead-logo-renderer-logo,
html[it-theme=night][data-system-color-scheme=light][it-schedule=system_peference_light] #yt-masthead-logo-fragment .masthead-logo-renderer-logo {
-webkit-filter: grayscale(1) brightness(3.5);
filter: grayscale(1) brightness(3.5);
}
html[it-theme=night]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-masthead,
html[it-theme=night][data-system-color-scheme=dark][it-schedule=system_peference_dark] ytd-masthead,
html[it-theme=night][data-system-color-scheme=light][it-schedule=system_peference_light] ytd-masthead {
background: #007ea7 !important;
--yt-swatch-primary: rgb(35, 35, 35) !important;
--yt-swatch-primary-darker: rgb(32, 32, 32) !important;
--yt-swatch-text: rgb(255, 255, 255) !important;
--yt-swatch-important-text: rgb(255, 255, 255) !important;
--yt-swatch-input-text: rgba(255, 255, 255, 1) !important;
--yt-swatch-textbox-bg: rgba(19, 19, 19, 1) !important;
--yt-swatch-logo-override: rgb(255, 255, 255) !important;
--yt-swatch-icon-color: rgba(136, 136, 136, 1) !important;
--yt-spec-general-background-a: #003459 !important;
--yt-spec-general-background-b: #003459 !important;
--yt-spec-general-background-c: #003459 !important;
}
html[it-theme=night]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope),
html[it-theme=night][data-system-color-scheme=dark][it-schedule=system_peference_dark]:not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope),
html[it-theme=night][data-system-color-scheme=light][it-schedule=system_peference_light]:not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope) {
--yt-live-chat-action-panel-background-color: #003459;
--yt-live-chat-action-panel-background-color-transparent: rgba(40, 40, 40, .8);
--yt-live-chat-primary-text-color: hsl(0, 0%, 100%);
--yt-live-chat-secondary-text-color: rgba(255, 255, 255, .7);
--yt-live-chat-tertiary-text-color: rgba(255, 255, 255, .54);
--yt-live-chat-disabled-icon-button-color: rgba(255, 255, 255, .3);
--yt-live-chat-picker-button-color: var(--yt-live-chat-tertiary-text-color);
--yt-formatted-string-emoji-size: 24px;
}
html[it-theme=night]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not([style-scope]):not(.style-scope),
html[it-theme=night]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not(.style-scope)[dark],
html[it-theme=night]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) :not(.style-scope)[dark],
html[it-theme=night][data-system-color-scheme=dark][it-schedule=system_peference_dark]:not([style-scope]):not(.style-scope),
html[it-theme=night][data-system-color-scheme=light][it-schedule=system_peference_light]:not([style-scope]):not(.style-scope) {
--yt-spec-icon-inactive: #fff;
--ytd-searchbox-border-color: hsla(0, 0%, 53.3%, .2);
--ytd-searchbox-background: #003459;
--ytd-searchbox-legacy-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-border-shadow-color: hsla(0, 0%, 0%, 0);
--ytd-searchbox-legacy-button-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-button-focus-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-hover-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-hover-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-button-icon-color: #fff;
--ytd-moderation-panel-background: hsla(0, 0%, 11%, .8);
--ytd-moderation-panel-hover: hsl(0, 0%, 11%);
--ytd-moderation-panel-comment-text: hsla(0, 100%, 100%, .5);
--ytd-moderation-panel-comment-metadata-text: hsla(0, 100%, 100%, .5);
--ytd-moderation-icon-color: hsla(0, 100%, 100%, .5);
--ytd-moderation-icon-hover-color: hsla(0, 100%, 100%, .74);
--ytd-comment-text-color: hsla(0, 100%, 100%, .88);
--ytd-comment-metadata-text-color: hsl(0, 0%, 53.3%);
--ytd-watch-card-secondary-text-color: hsl(0, 0%, 93.3%);
--ytd-watch-card-album-header-background: hsl(0, 0%, 6.7%);
--ytd-backstage-metadata-text-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-video-link-background-color: hsl(0, 0%, 14%);
--ytd-backstage-image-alert-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-cancel-background-color: hsl(0, 0%, 14%);
--ytd-backstage-cancel-color: hsl(0, 0%, 100%);
--ytd-backstage-creationbox-background-color: hsl(0, 0%, 11%);
--ytd-backstage-creationbox-background-color-focus: hsl(0, 0%, 14%);
--ytd-backstage-creationbox-inactive-color: hsla(0, 100%, 100%, .26);
--ytd-backstage-creationbox-text-color: hsla(0, 100%, 100%, .5);
--ytd-backstage-creationbox-input-text-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-creationbox-disabled-button-color: hsla(0, 100%, 100%, .08);
--ytd-backstage-creationbox-disabled-button-text-color: hsla(0, 100%, 100%, .26);
--ytd-backstage-attachment-icon-hover-color: hsla(0, 100%, 100%, .74);
--ytd-sponsorships-background-color-focus: hsl(0, 0%, 11%);
--ytd-badge-background: hsla(0, 100%, 100%, .08);
--ytd-badge-disabled-color: hsla(0, 0%, 100%, .4);
--ytd-collection-badge-color: hsla(0, 0%, 100%, .8);
--ytd-owner-badge-color: hsla(0, 0%, 100%, .4);
--ytd-simple-badge-color: hsla(0, 0%, 100%, .6);
--ytd-ad-badge-text-color: hsl(0, 0%, 7%);
--ytd-shopping-product-info: hsla(0, 100%, 100%, .74);
--ytd-toggle-color: hsl(0, 0%, 93.3%);
--ytd-survey-button-color: var(--yt-primary-text-color);
--ytd-transcript-cue-hover-background-color: hsla(0, 0%, 53.3%, .4);
--ytd-transcript-toolbar-background-color: hsla(0, 0%, 53.3%, .4);
--ytd-transcript-toolbar-text: hsla(0, 100%, 100%, .88);
--ytd-video-publish-date-color: hsla(0, 0%, 100%, .6);
--ytd-vat-notice-text: hsla(0, 0%, 100%, .6);
--ytd-offer-background-color: hsl(0, 0%, 14%);
--ytd-video-game-watch-card-logo-color: hsl(0, 0%, 100%);
--ytd-watch-split-pane-sidebar-background-color: hsl(0, 0%, 11%);
--yt-std-body-100: hsla(0, 100%, 100%, .08);
--yt-std-body-200: hsla(0, 100%, 100%, .26);
--yt-std-body-300: hsla(0, 100%, 100%, .5);
--yt-std-surface-200: hsl(0, 0%, 11%);
--yt-std-surface-300: hsl(0, 0%, 14%);
--yt-std-surface-400: hsl(0, 0%, 16%);
--yt-primary-color: hsla(0, 100%, 100%, .88);
--yt-primary-text-color: hsla(0, 100%, 100%, .88);
--yt-hovered-text-color: hsla(0, 100%, 100%, .74);
--yt-secondary-text-color: hsla(0, 100%, 100%, .5);
--yt-tertiary-text-color: hsla(0, 100%, 100%, .5);
--yt-disabled-text-color: hsla(0, 100%, 100%, .26);
--yt-placeholder-text-color: hsla(0, 100%, 100%, .5);
--yt-border-color: hsla(0, 100%, 100%, .08);
--yt-commentbox-border-inactive: hsla(0, 100%, 100%, .5);
--yt-commentbox-border-active: hsla(0, 100%, 100%, .88);
--yt-alert-background: hsla(0, 100%, 100%, .26);
--yt-paper-button-ink-color: hsla(0, 0%, 100%, .2);
--yt-icon-color: hsla(0, 100%, 100%, .5);
--yt-icon-hover-color: hsla(0, 100%, 100%, .74);
--yt-icon-active-color: hsla(0, 100%, 100%, .88);
--yt-icon-disabled-color: hsla(0, 100%, 100%, .26);
--yt-endpoint-color: hsl(0, 0%, 53.3%);
--yt-expand-color: hsla(0, 0%, 100%, .6);
--yt-metadata-color: hsl(0, 0%, 53.3%);
--yt-channel-owner: hsla(0, 100%, 100%, .88);
--yt-placeholder-text: hsl(0, 0%, 93.3%);
--yt-playlist-background-header: #003459;
--yt-playlist-background-item: #003459;
--yt-playlist-title-text: hsla(0, 100%, 100%, .88);
--yt-playlist-message-text: hsl(0, 0%, 93.3%);
--yt-playlist-message-text-hover: hsla(0, 100%, 100%, .74);
--yt-subscribe-button-text-color: hsla(0, 100%, 100%, .88);
--yt-brand-color: hsla(0, 100%, 100%, .88);
--yt-button-text-color: hsla(0, 100%, 100%, .5);
--yt-button-payment-text-color: hsla(0, 100%, 100%, .88);
--yt-copyright-text: hsla(0, 0%, 100%, .6);
--yt-guide-entry-hover-background-color: hsla(0, 0%, 53.3%, .4);
--yt-thumbnail-placeholder-color: hsl(0, 0%, 16%);
--yt-primary-disabled-button-text-color: hsla(0, 0%, 100%, .2);
--yt-featured-channel-title-text-color: hsla(0, 100%, 100%, .5);
--yt-formatted-string-deemphasize-color: hsl(0, 0%, 53.3%);
--paper-menu-background-color: #003459;
--paper-listbox-background-color: #003459;
--paper-menu-color: hsla(0, 100%, 100%, .88);
--paper-listbox-color: hsla(0, 100%, 100%, .88);
--paper-dialog-background-color: #003459;
--paper-toggle-button-unchecked-bar-color: hsl(0, 0%, 53.3%);
--yt-simple-menu-header-background: #003459;
--yt-item-section-header-color: hsl(0, 0%, 93.3%);
--yt-menu-hover-backgound-color: #003459;
--yt-menu-focus-background-color: #003459;
--ytd-searchbox-text-color: var(--yt-primary-text-color);
--yt-material-searchbox-inactive: hsl(0, 0%, 7%);
--yt-material-searchbox-active: hsl(0, 0%, 100%);
--yt-material-searchbox-inactive-shadow: hsla(0, 0%, 0%, .04);
--yt-material-searchbox-active-shadow: hsla(0, 0%, 0%, .26);
--yt-material-searchbox-inset: hsla(0, 0%, 0%, .04);
--yt-material-searchbox-text-color: hsl(0, 0%, 6.7%);
--yt-app-background: #003459;
--yt-main-app-background: #003459;
--yt-main-app-background-tmp: #003459;
--yt-guide-background: #003459;
--yt-dialog-background: #007ea7;
--yt-channel-header-background: #003459;
--yt-sidebar-background: #003459;
--yt-transcript-background: #003459;
--yt-chat-bubble-other-border-color: hsla(0, 100%, 100%, .26);
--yt-chat-bubble-other-background-color: #003459;
--yt-chat-bubble-self-border-color: hsl(0, 0%, 14%);
--yt-chat-bubble-self-background-color: #003459;
--yt-blue-suggestive: transparent;
}
html[it-theme=night]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-expandable-metadata-renderer,
html[it-theme=night][data-system-color-scheme=dark][it-schedule=system_peference_dark] ytd-expandable-metadata-renderer,
html[it-theme=night][data-system-color-scheme=light][it-schedule=system_peference_light] ytd-expandable-metadata-renderer {
--yt-lightsource-section2-color: rgba(0, 0, 0, 0.1) !important;
--yt-lightsource-section3-color: rgba(0, 0, 0, 0.2) !important;
--yt-lightsource-section4-color: rgba(0, 0, 0, 0.3) !important;
--yt-lightsource-primary-title-color: var(--yt-spec-text-primary) !important;
--yt-lightsource-secondary-title-color: var(--yt-spec-text-secondary) !important;
}
/*PLAIN*/
html[it-theme=plain]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]),
html[it-theme=plain][data-system-color-scheme=dark][it-schedule=system_peference_dark],
html[it-theme=plain][data-system-color-scheme=light][it-schedule=system_peference_light] {
--yt-swatch-primary: #c7efcf !important;
--yt-swatch-primary-darker: #c7efcf !important;
--yt-swatch-text: #666 !important;
--yt-swatch-important-text: #666 !important;
--yt-swatch-input-text: #666 !important;
--yt-swatch-textbox-bg: rgba(19, 19, 19, 1) !important;
--yt-swatch-logo-override: #666 !important;
--yt-swatch-icon-color: rgba(136, 136, 136, 1) !important;
--yt-swatch-header-primary: #d6d1b1;
--yt-spec-base-background: #d3e1c6 !important;
--yt-spec-raised-background: #c7efcf !important;
--yt-spec-menu-background: #c7efcf !important;
--yt-spec-inverted-background: #fff;
--yt-spec-brand-background-solid: #c7efcf !important;
--yt-spec-brand-background-primary: rgba(0, 0, 0, .98) !important;
--yt-spec-brand-background-secondary: rgba(0, 0, 0, .95) !important;
--yt-spec-general-background-a: #c7efcf !important;
--yt-spec-general-background-b: #c7efcf !important;
--yt-spec-general-background-c: #c7efcf !important;
--yt-spec-error-background: #1f1f1f !important;
--yt-spec-text-primary: #666;
--yt-spec-text-primary-inverse: #d3e1c6 !important;
--yt-spec-text-secondary: #666 !important;
--yt-spec-text-disabled: #666 !important;
--yt-spec-call-to-action: #0073e6 !important;
--yt-spec-icon-active-other: #666 !important;
--yt-spec-icon-inactive: #666 !important;
--yt-spec-icon-disabled: #666 !important;
--yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important;
--yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important;
--yt-spec-suggested-action: var(--yt-spec-10-percent-layer) !important;
--yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important;
--yt-spec-touch-response: #c7efcf !important;
--yt-spec-filled-button-text: #666 !important;
--yt-spec-call-to-action-inverse: #666 !important;
--yt-spec-brand-icon-active: #666 !important;
--yt-spec-brand-icon-inactive: #666 !important;
--yt-spec-brand-button-background: rgba(136, 136, 136, 1) !important;
--yt-spec-brand-link-text: #666 !important;
--yt-spec-filled-button-focus-outline: rgba(0, 0, 0, .60) !important;
--yt-spec-call-to-action-button-focus-outline: rgba(0, 0, 0, .30) !important;
--yt-spec-brand-text-button-focus-outline: rgba(204, 0, 0, .30) !important;
--yt-spec-inactive-text-button-focus-outline: #aaa !important;
--yt-spec-brand-subscribe-button-background: #666 !important;
--yt-spec-wordmark-text: #666 !important;
--yt-spec-10-percent-layer: rgba(136, 136, 136, 1) !important;
--yt-spec-selected-nav-text: #666 !important;
--yt-spec-themed-blue: #065fd4 !important;
--yt-spec-themed-green: #107516 !important;
--yt-frosted-glass-desktop: #d3e1c6cc !important;
background-color: var(--yt-spec-base-background)!important;
}
html[it-theme=plain]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-masthead,
html[it-theme=plain][data-system-color-scheme=dark][it-schedule=system_peference_dark] ytd-masthead,
html[it-theme=plain][data-system-color-scheme=light][it-schedule=system_peference_light] ytd-masthead {
background: #e4ccaa !important;
--yt-swatch-primary: rgb(35, 35, 35) !important;
--yt-swatch-primary-darker: rgb(32, 32, 32) !important;
--yt-swatch-text: #666 !important;
--yt-swatch-important-text: #666 !important;
--yt-swatch-input-text: #666 !important;
--yt-swatch-textbox-bg: rgba(19, 19, 19, 1) !important;
--yt-swatch-logo-override: #666 !important;
--yt-swatch-icon-color: rgba(136, 136, 136, 1) !important;
--yt-spec-general-background-a: #c7efcf !important;
--yt-spec-general-background-b: #c7efcf !important;
--yt-spec-general-background-c: #c7efcf !important;
}
html[it-theme=plain]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope),
html[it-theme=plain][data-system-color-scheme=dark][it-schedule=system_peference_dark]:not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope),
html[it-theme=plain][data-system-color-scheme=light][it-schedule=system_peference_light]:not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope) {
--yt-live-chat-action-panel-background-color: #c7efcf;
--yt-live-chat-action-panel-background-color-transparent: rgba(40, 40, 40, .8);
--yt-live-chat-primary-text-color: hsl(0, 0%, 100%);
--yt-live-chat-secondary-text-color: rgba(255, 255, 255, .7);
--yt-live-chat-tertiary-text-color: rgba(255, 255, 255, .54);
--yt-live-chat-disabled-icon-button-color: rgba(255, 255, 255, .3);
--yt-live-chat-picker-button-color: var(--yt-live-chat-tertiary-text-color);
--yt-formatted-string-emoji-size: 24px;
}
html[it-theme=plain]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not([style-scope]):not(.style-scope),
html[it-theme=plain]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not(.style-scope)[dark],
html[it-theme=plain]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) :not(.style-scope)[dark],
html[it-theme=plain][data-system-color-scheme=dark][it-schedule=system_peference_dark]:not([style-scope]):not(.style-scope),
html[it-theme=plain][data-system-color-scheme=light][it-schedule=system_peference_light]:not([style-scope]):not(.style-scope) {
--yt-spec-icon-inactive: #666;
--yt-spec-text-primary: #666;
--ytd-searchbox-border-color: hsla(0, 0%, 53.3%, .2);
--ytd-searchbox-background: #c7efcf;
--ytd-searchbox-legacy-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-border-shadow-color: hsla(0, 0%, 0%, 0);
--ytd-searchbox-legacy-button-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-button-focus-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-hover-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-hover-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-button-icon-color: hsla(0, 100%, 100%, .5);
--ytd-moderation-panel-background: hsla(0, 0%, 11%, .8);
--ytd-moderation-panel-hover: hsl(0, 0%, 11%);
--ytd-moderation-panel-comment-text: hsla(0, 100%, 100%, .5);
--ytd-moderation-panel-comment-metadata-text: hsla(0, 100%, 100%, .5);
--ytd-moderation-icon-color: hsla(0, 100%, 100%, .5);
--ytd-moderation-icon-hover-color: hsla(0, 100%, 100%, .74);
--ytd-comment-text-color: hsla(0, 100%, 100%, .88);
--ytd-comment-metadata-text-color: hsl(0, 0%, 53.3%);
--ytd-watch-card-secondary-text-color: hsl(0, 0%, 93.3%);
--ytd-watch-card-album-header-background: hsl(0, 0%, 6.7%);
--ytd-backstage-metadata-text-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-video-link-background-color: hsl(0, 0%, 14%);
--ytd-backstage-image-alert-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-cancel-background-color: hsl(0, 0%, 14%);
--ytd-backstage-cancel-color: hsl(0, 0%, 100%);
--ytd-backstage-creationbox-background-color: hsl(0, 0%, 11%);
--ytd-backstage-creationbox-background-color-focus: hsl(0, 0%, 14%);
--ytd-backstage-creationbox-inactive-color: hsla(0, 100%, 100%, .26);
--ytd-backstage-creationbox-text-color: hsla(0, 100%, 100%, .5);
--ytd-backstage-creationbox-input-text-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-creationbox-disabled-button-color: hsla(0, 100%, 100%, .08);
--ytd-backstage-creationbox-disabled-button-text-color: hsla(0, 100%, 100%, .26);
--ytd-backstage-attachment-icon-hover-color: hsla(0, 100%, 100%, .74);
--ytd-sponsorships-background-color-focus: hsl(0, 0%, 11%);
--ytd-badge-background: hsla(0, 100%, 100%, .08);
--ytd-badge-disabled-color: hsla(0, 0%, 100%, .4);
--ytd-collection-badge-color: hsla(0, 0%, 100%, .8);
--ytd-owner-badge-color: hsla(0, 0%, 100%, .4);
--ytd-simple-badge-color: hsla(0, 0%, 100%, .6);
--ytd-ad-badge-text-color: hsl(0, 0%, 7%);
--ytd-shopping-product-info: hsla(0, 100%, 100%, .74);
--ytd-toggle-color: hsl(0, 0%, 93.3%);
--ytd-survey-button-color: var(--yt-primary-text-color);
--ytd-transcript-cue-hover-background-color: hsla(0, 0%, 53.3%, .4);
--ytd-transcript-toolbar-background-color: hsla(0, 0%, 53.3%, .4);
--ytd-transcript-toolbar-text: hsla(0, 100%, 100%, .88);
--ytd-video-publish-date-color: hsla(0, 0%, 100%, .6);
--ytd-vat-notice-text: hsla(0, 0%, 100%, .6);
--ytd-offer-background-color: hsl(0, 0%, 14%);
--ytd-video-game-watch-card-logo-color: hsl(0, 0%, 100%);
--ytd-watch-split-pane-sidebar-background-color: hsl(0, 0%, 11%);
--yt-std-body-100: hsla(0, 100%, 100%, .08);
--yt-std-body-200: hsla(0, 100%, 100%, .26);
--yt-std-body-300: hsla(0, 100%, 100%, .5);
--yt-std-surface-200: hsl(0, 0%, 11%);
--yt-std-surface-300: hsl(0, 0%, 14%);
--yt-std-surface-400: hsl(0, 0%, 16%);
--yt-primary-color: #666;
--yt-primary-text-color: #666;
--yt-hovered-text-color: hsla(0, 100%, 100%, .74);
--yt-secondary-text-color: hsla(0, 100%, 100%, .5);
--yt-tertiary-text-color: hsla(0, 100%, 100%, .5);
--yt-disabled-text-color: hsla(0, 100%, 100%, .26);
--yt-placeholder-text-color: hsla(0, 100%, 100%, .5);
--yt-border-color: hsla(0, 100%, 100%, .08);
--yt-commentbox-border-inactive: hsla(0, 100%, 100%, .5);
--yt-commentbox-border-active: hsla(0, 100%, 100%, .88);
--yt-alert-background: hsla(0, 100%, 100%, .26);
--yt-paper-button-ink-color: hsla(0, 0%, 100%, .2);
--yt-icon-color: hsla(0, 100%, 100%, .5);
--yt-icon-hover-color: hsla(0, 100%, 100%, .74);
--yt-icon-active-color: hsla(0, 100%, 100%, .88);
--yt-icon-disabled-color: hsla(0, 100%, 100%, .26);
--yt-endpoint-color: hsl(0, 0%, 53.3%);
--yt-expand-color: hsla(0, 0%, 100%, .6);
--yt-metadata-color: hsl(0, 0%, 53.3%);
--yt-channel-owner: hsla(0, 100%, 100%, .88);
--yt-placeholder-text: hsl(0, 0%, 93.3%);
--yt-playlist-background-header: #c7efcf;
--yt-playlist-background-item: #c7efcf;
--yt-playlist-title-text: hsla(0, 100%, 100%, .88);
--yt-playlist-message-text: hsl(0, 0%, 93.3%);
--yt-playlist-message-text-hover: hsla(0, 100%, 100%, .74);
--yt-subscribe-button-text-color: hsla(0, 100%, 100%, .88);
--yt-brand-color: hsla(0, 100%, 100%, .88);
--yt-button-text-color: hsla(0, 100%, 100%, .5);
--yt-button-payment-text-color: hsla(0, 100%, 100%, .88);
--yt-copyright-text: hsla(0, 0%, 100%, .6);
--yt-guide-entry-hover-background-color: hsla(0, 0%, 53.3%, .4);
--yt-thumbnail-placeholder-color: hsl(0, 0%, 16%);
--yt-primary-disabled-button-text-color: hsla(0, 0%, 100%, .2);
--yt-featured-channel-title-text-color: hsla(0, 100%, 100%, .5);
--yt-formatted-string-deemphasize-color: hsl(0, 0%, 53.3%);
--paper-menu-background-color: #c7efcf;
--paper-listbox-background-color: #c7efcf;
--paper-menu-color: hsla(0, 100%, 100%, .88);
--paper-listbox-color: hsla(0, 100%, 100%, .88);
--paper-dialog-background-color: #c7efcf;
--paper-toggle-button-unchecked-bar-color: hsl(0, 0%, 53.3%);
--yt-simple-menu-header-background: #c7efcf;
--yt-item-section-header-color: hsl(0, 0%, 93.3%);
--yt-menu-hover-backgound-color: #c7efcf;
--yt-menu-focus-background-color: #c7efcf;
--ytd-searchbox-text-color: var(--yt-primary-text-color);
--yt-material-searchbox-inactive: hsl(0, 0%, 7%);
--yt-material-searchbox-active: hsl(0, 0%, 100%);
--yt-material-searchbox-inactive-shadow: hsla(0, 0%, 0%, .04);
--yt-material-searchbox-active-shadow: hsla(0, 0%, 0%, .26);
--yt-material-searchbox-inset: hsla(0, 0%, 0%, .04);
--yt-material-searchbox-text-color: hsl(0, 0%, 6.7%);
--yt-app-background: #c7efcf;
--yt-main-app-background: #c7efcf;
--yt-main-app-background-tmp: #c7efcf;
--yt-guide-background: #c7efcf;
--yt-dialog-background: #d6d1b1;
--yt-channel-header-background: #c7efcf;
--yt-sidebar-background: #c7efcf;
--yt-transcript-background: #c7efcf;
--yt-chat-bubble-other-border-color: hsla(0, 100%, 100%, .26);
--yt-chat-bubble-other-background-color: #c7efcf;
--yt-chat-bubble-self-border-color: hsl(0, 0%, 14%);
--yt-chat-bubble-self-background-color: #c7efcf;
--yt-blue-suggestive: transparent;
}
html[it-theme=plain]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-expandable-metadata-renderer,
html[it-theme=plain][data-system-color-scheme=dark][it-schedule=system_peference_dark] ytd-expandable-metadata-renderer,
html[it-theme=plain][data-system-color-scheme=light][it-schedule=system_peference_light] ytd-expandable-metadata-renderer {
--yt-lightsource-section2-color: rgba(0, 0, 0, 0.05) !important;
--yt-lightsource-section3-color: rgba(0, 0, 0, 0.1) !important;
--yt-lightsource-section4-color: rgba(0, 0, 0, 0.15) !important;
--yt-lightsource-primary-title-color: var(--yt-spec-text-primary) !important;
--yt-lightsource-secondary-title-color: var(--yt-spec-text-secondary) !important;
}
/*SUNSET*/
html[it-theme=sunset] [dark],
html[it-theme=sunset]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]),
html[it-theme=sunset][data-system-color-scheme=dark][it-schedule=system_peference_dark],
html[it-theme=sunset][data-system-color-scheme=light][it-schedule=system_peference_light] {
--yt-swatch-primary: #2f3364 !important;
--yt-swatch-primary-darker: #2f3364 !important;
--yt-swatch-text: rgb(255, 255, 255) !important;
--yt-swatch-important-text: rgb(255, 255, 255) !important;
--yt-swatch-input-text: rgba(255, 255, 255, 1) !important;
--yt-swatch-textbox-bg: rgba(19, 19, 19, 1) !important;
--yt-swatch-logo-override: rgb(255, 255, 255) !important;
--yt-swatch-icon-color: rgba(136, 136, 136, 1) !important;
--yt-swatch-header-primary: #f56264;
--yt-spec-base-background: #283567 !important;
--yt-spec-raised-background: #2f3364 !important;
--yt-spec-menu-background: #2f3364 !important;
--yt-spec-inverted-background: #fff;
--yt-spec-brand-background-solid: #2f3364 !important;
--yt-spec-brand-background-primary: rgba(0, 0, 0, .98) !important;
--yt-spec-brand-background-secondary: rgba(0, 0, 0, .95) !important;
--yt-spec-general-background-a: #2f3364 !important;
--yt-spec-general-background-b: #2f3364 !important;
--yt-spec-general-background-c: #2f3364 !important;
--yt-spec-error-background: #1f1f1f !important;
--yt-spec-text-primary: #fff;
--yt-spec-text-primary-inverse: #283567 !important;
--yt-spec-text-secondary: #fff !important;
--yt-spec-text-disabled: #fff !important;
--yt-spec-call-to-action: #0073e6 !important;
--yt-spec-icon-active-other: #fff !important;
--yt-spec-icon-inactive: #fff !important;
--yt-spec-icon-disabled: #fff !important;
--yt-spec-badge-chip-background: rgba(0, 0, 0, .05) !important;
--yt-spec-verified-badge-background: rgba(0, 0, 0, .15) !important;
--yt-spec-suggested-action: var(--yt-spec-10-percent-layer) !important;
--yt-spec-button-chip-background-hover: rgba(0, 0, 0, .10) !important;
--yt-spec-touch-response: #2f3364 !important;
--yt-spec-filled-button-text: #fff !important;
--yt-spec-call-to-action-inverse: #fff !important;
--yt-spec-brand-icon-active: #fff !important;
--yt-spec-brand-icon-inactive: #fff !important;
--yt-spec-brand-button-background: rgba(136, 136, 136, 1) !important;
--yt-spec-brand-link-text: #fff !important;
--yt-spec-filled-button-focus-outline: rgba(0, 0, 0, .60) !important;
--yt-spec-call-to-action-button-focus-outline: rgba(0, 0, 0, .30) !important;
--yt-spec-brand-text-button-focus-outline: rgba(204, 0, 0, .30) !important;
--yt-spec-inactive-text-button-focus-outline: #aaa !important;
--yt-spec-brand-subscribe-button-background: #fff !important;
--yt-spec-wordmark-text: #fff !important;
--yt-spec-10-percent-layer: rgba(136, 136, 136, 1) !important;
--yt-spec-selected-nav-text: #fff !important;
--yt-spec-themed-blue: #065fd4 !important;
--yt-spec-themed-green: #107516 !important;
--yt-frosted-glass-desktop: #283567cc !important;
background-color: var(--yt-spec-base-background)!important;
}
html[it-theme=sunset]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) ytd-masthead,
html[it-theme=sunset][data-system-color-scheme=dark][it-schedule=system_peference_dark] ytd-masthead,
html[it-theme=sunset][data-system-color-scheme=light][it-schedule=system_peference_light] ytd-masthead {
background: #f56258 !important;
--yt-swatch-primary: rgb(35, 35, 35) !important;
--yt-swatch-primary-darker: rgb(32, 32, 32) !important;
--yt-swatch-text: rgb(255, 255, 255) !important;
--yt-swatch-important-text: rgb(255, 255, 255) !important;
--yt-swatch-input-text: rgba(255, 255, 255, 1) !important;
--yt-swatch-textbox-bg: rgba(19, 19, 19, 1) !important;
--yt-swatch-logo-override: rgb(255, 255, 255) !important;
--yt-swatch-icon-color: rgba(136, 136, 136, 1) !important;
--yt-spec-general-background-a: #2f3364 !important;
--yt-spec-general-background-b: #2f3364 !important;
--yt-spec-general-background-c: #2f3364 !important;
}
html[it-theme=sunset]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope),
html[it-theme=sunset][data-system-color-scheme=dark][it-schedule=system_peference_dark]:not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope),
html[it-theme=sunset][data-system-color-scheme=light][it-schedule=system_peference_light]:not([style-scope]):not(.style-scope) *:not([style-scope]):not(.style-scope) {
--yt-live-chat-action-panel-background-color: #2f3364;
--yt-live-chat-action-panel-background-color-transparent: rgba(40, 40, 40, .8);
--yt-live-chat-primary-text-color: hsl(0, 0%, 100%);
--yt-live-chat-secondary-text-color: rgba(255, 255, 255, .7);
--yt-live-chat-tertiary-text-color: rgba(255, 255, 255, .54);
--yt-live-chat-disabled-icon-button-color: rgba(255, 255, 255, .3);
--yt-live-chat-picker-button-color: var(--yt-live-chat-tertiary-text-color);
--yt-formatted-string-emoji-size: 24px;
}
html[it-theme=sunset]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not([style-scope]):not(.style-scope),
html[it-theme=sunset]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]):not(.style-scope)[dark],
html[it-theme=sunset]:not([it-schedule=system_peference_dark]):not([it-schedule=system_peference_light]) :not(.style-scope)[dark],
html[it-theme=sunset][data-system-color-scheme=dark][it-schedule=system_peference_dark]:not(.style-scope)[dark],
html[it-theme=sunset][data-system-color-scheme=light][it-schedule=system_peference_light]:not(.style-scope)[dark] {
--yt-spec-icon-inactive: #fff;
--ytd-searchbox-border-color: hsla(0, 0%, 53.3%, .2);
--ytd-searchbox-background: #fa7965;
--ytd-searchbox-legacy-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-border-shadow-color: hsla(0, 0%, 0%, 0);
--ytd-searchbox-legacy-button-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-button-focus-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-hover-color: hsla(0, 0%, 100%, .08);
--ytd-searchbox-legacy-button-hover-border-color: hsl(0, 0%, 18.82%);
--ytd-searchbox-legacy-button-icon-color: hsla(0, 100%, 100%, .5);
--ytd-moderation-panel-background: hsla(0, 0%, 11%, .8);
--ytd-moderation-panel-hover: hsl(0, 0%, 11%);
--ytd-moderation-panel-comment-text: hsla(0, 100%, 100%, .5);
--ytd-moderation-panel-comment-metadata-text: hsla(0, 100%, 100%, .5);
--ytd-moderation-icon-color: hsla(0, 100%, 100%, .5);
--ytd-moderation-icon-hover-color: hsla(0, 100%, 100%, .74);
--ytd-comment-text-color: hsla(0, 100%, 100%, .88);
--ytd-comment-metadata-text-color: hsl(0, 0%, 53.3%);
--ytd-watch-card-secondary-text-color: hsl(0, 0%, 93.3%);
--ytd-watch-card-album-header-background: hsl(0, 0%, 6.7%);
--ytd-backstage-metadata-text-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-video-link-background-color: hsl(0, 0%, 14%);
--ytd-backstage-image-alert-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-cancel-background-color: hsl(0, 0%, 14%);
--ytd-backstage-cancel-color: hsl(0, 0%, 100%);
--ytd-backstage-creationbox-background-color: hsl(0, 0%, 11%);
--ytd-backstage-creationbox-background-color-focus: hsl(0, 0%, 14%);
--ytd-backstage-creationbox-inactive-color: hsla(0, 100%, 100%, .26);
--ytd-backstage-creationbox-text-color: hsla(0, 100%, 100%, .5);
--ytd-backstage-creationbox-input-text-color: hsla(0, 100%, 100%, .88);
--ytd-backstage-creationbox-disabled-button-color: hsla(0, 100%, 100%, .08);
--ytd-backstage-creationbox-disabled-button-text-color: hsla(0, 100%, 100%, .26);
--ytd-backstage-attachment-icon-hover-color: hsla(0, 100%, 100%, .74);
--ytd-sponsorships-background-color-focus: hsl(0, 0%, 11%);
--ytd-badge-background: hsla(0, 100%, 100%, .08);
--ytd-badge-disabled-color: hsla(0, 0%, 100%, .4);
--ytd-collection-badge-color: hsla(0, 0%, 100%, .8);
--ytd-owner-badge-color: hsla(0, 0%, 100%, .4);
--ytd-simple-badge-color: hsla(0, 0%, 100%, .6);
--ytd-ad-badge-text-color: hsl(0, 0%, 7%);
--ytd-shopping-product-info: hsla(0, 100%, 100%, .74);
--ytd-toggle-color: hsl(0, 0%, 93.3%);
--ytd-survey-button-color: var(--yt-primary-text-color);
--ytd-transcript-cue-hover-background-color: hsla(0, 0%, 53.3%, .4);
--ytd-transcript-toolbar-background-color: hsla(0, 0%, 53.3%, .4);
--ytd-transcript-toolbar-text: hsla(0, 100%, 100%, .88);
--ytd-video-publish-date-color: hsla(0, 0%, 100%, .6);
--ytd-vat-notice-text: hsla(0, 0%, 100%, .6);
--ytd-offer-background-color: hsl(0, 0%, 14%);
--ytd-video-game-watch-card-logo-color: hsl(0, 0%, 100%);
--ytd-watch-split-pane-sidebar-background-color: hsl(0, 0%, 11%);
--yt-std-body-100: hsla(0, 100%, 100%, .08);
--yt-std-body-200: hsla(0, 100%, 100%, .26);
--yt-std-body-300: hsla(0, 100%, 100%, .5);
--yt-std-surface-200: hsl(0, 0%, 11%);
--yt-std-surface-300: hsl(0, 0%, 14%);
--yt-std-surface-400: hsl(0, 0%, 16%);
--yt-primary-color: hsla(0, 100%, 100%, .88);
--yt-primary-text-color: hsla(0, 100%, 100%, .88);
--yt-hovered-text-color: hsla(0, 100%, 100%, .74);
--yt-secondary-text-color: hsla(0, 100%, 100%, .5);
--yt-tertiary-text-color: hsla(0, 100%, 100%, .5);
--yt-disabled-text-color: hsla(0, 100%, 100%, .26);
--yt-placeholder-text-color: hsla(0, 100%, 100%, .5);
--yt-border-color: hsla(0, 100%, 100%, .08);
--yt-commentbox-border-inactive: hsla(0, 100%, 100%, .5);
--yt-commentbox-border-active: hsla(0, 100%, 100%, .88);
--yt-alert-background: hsla(0, 100%, 100%, .26);
--yt-paper-button-ink-color: hsla(0, 0%, 100%, .2);
--yt-icon-color: hsla(0, 100%, 100%, .5);
--yt-icon-hover-color: hsla(0, 100%, 100%, .74);
--yt-icon-active-color: hsla(0, 100%, 100%, .88);
--yt-icon-disabled-color: hsla(0, 100%, 100%, .26);
--yt-endpoint-color: hsl(0, 0%, 53.3%);
--yt-expand-color: hsla(0, 0%, 100%, .6);
--yt-metadata-color: hsl(0, 0%, 53.3%);
--yt-channel-owner: hsla(0, 100%, 100%, .88);
--yt-placeholder-text: hsl(0, 0%, 93.3%);
--yt-playlist-background-header: #2f3364;
--yt-playlist-background-item: #2f3364;
--yt-playlist-title-text: hsla(0, 100%, 100%, .88);
--yt-playlist-message-text: hsl(0, 0%, 93.3%);
--yt-playlist-message-text-hover: hsla(0, 100%, 100%, .74);
--yt-subscribe-button-text-color: hsla(0, 100%, 100%, .88);
--yt-brand-color: hsla(0, 100%, 100%, .88);
--yt-button-text-color: hsla(0, 100%, 100%, .5);
--yt-button-payment-text-color: hsla(0, 100%, 100%, .88);
--yt-copyright-text: hsla(0, 0%, 100%, .6);
--yt-guide-entry-hover-background-color: hsla(0, 0%, 53.3%, .4);
--yt-thumbnail-placeholder-color: hsl(0, 0%, 16%);
--yt-primary-disabled-button-text-color: hsla(0, 0%, 100%, .2);
--yt-featured-channel-title-text-color: hsla(0, 100%, 100%, .5);
--yt-formatted-string-deemphasize-color: hsl(0, 0%, 53.3%);
--paper-menu-background-color: #2f3364;
--paper-listbox-background-color: #2f3364;
--paper-menu-color: hsla(0, 100%, 100%, .88);
--paper-listbox-color: hsla(0, 100%, 100%, .88);
--paper-dialog-background-color: #2f3364;
--paper-toggle-button-unchecked-bar-color: hsl(0, 0%, 53.3%);
--yt-simple-menu-header-background: #2f3364;
--yt-item-section-header-color: hsl(0, 0%, 93.3%);
--yt-menu-hover-backgound-color: #2f3364;
--yt-menu-focus-background-color: #2f3364;
--ytd-searchbox-text-color: var(--yt-primary-text-color);
--yt-material-searchbox-inactive: hsl(0, 0%, 7%);
--yt-material-searchbox-active: hsl(0, 0%, 100%);
--yt-material-searchbox-inactive-shadow: hsla(0, 0%, 0%, .04);
--yt-material-searchbox-active-shadow: hsla(0, 0%, 0%, .26);
--yt-material-searchbox-inset: hsla(0, 0%, 0%, .04);
--yt-material-searchbox-text-color: hsl(0, 0%, 6.7%);
vs.
style.textContent = 'html, [dark] {' +
'--yt-swatch-textbox-bg:rgba(19,19,19,1)!important;' +
'--yt-swatch-icon-color:rgba(136,136,136,1)!important;' +
'--yt-spec-brand-background-primary:rgba(0,0,0, 0.1) !important;' +
'--yt-spec-brand-background-secondary:rgba(0,0,0, 0.1) !important;' +
'--yt-spec-badge-chip-background:rgba(0, 0, 0, 0.05) !important;' +
'--yt-spec-verified-badge-background:rgba(0, 0, 0, 0.15) !important;' +
'--yt-spec-button-chip-background-hover:rgba(0, 0, 0, 0.10) !important;' +
'--yt-spec-brand-button-background:rgba(136,136,136,1) !important;' +
'--yt-spec-filled-button-focus-outline:rgba(0, 0, 0, 0.60) !important;' +
'--yt-spec-call-to-action-button-focus-outline:rgba(0,0,0, 0.30) !important;' +
'--yt-spec-brand-text-button-focus-outline:rgba(204, 0, 0, 0.30) !important;' +
'--yt-spec-10-percent-layer:rgba(136,136,136,1) !important;' +
'--yt-swatch-header-primary:'+ secondary_color + '!important;' +
'--ytd-masthead-background:' + secondary_color + '!important;' +
'--yt-spec-brand-background:' + secondary_color + '!important;' +
'--ytd-topbar-background-color:' + secondary_color + '!important;' +
'--ytd-topbar-dark-background-color:' + secondary_color + '!important;' +
'--yt-masthead-background:' + secondary_color + '!important;' +
'--yt-app-bar-background:' + secondary_color + '!important;' +
'--yt-swatch-primary:' + primary_color + '!important;' +
'--yt-swatch-primary-darker:' + primary_color + '!important;' +
'--yt-spec-brand-background-solid:' + primary_color + '!important;' +
'--yt-spec-general-background-a:' + primary_color + '!important;' +
'--yt-spec-general-background-b:' + primary_color + '!important;' +
'--yt-spec-general-background-c:' + primary_color + '!important;' +
'--yt-spec-touch-response:' + primary_color + '!important;' +
'--yt-swatch-text: ' + text_color + '!important;' +
'--yt-swatch-important-text: ' + text_color + '!important;' +
'--yt-swatch-input-text: ' + text_color + '!important;' +
'--yt-swatch-logo-override: ' + text_color + '!important;' +
'--yt-spec-text-primary:' + text_color + ' !important;' +
'--yt-spec-text-primary-inverse:' + primary_color + ' !important;' +
'--yt-spec-text-secondary:' + text_color + ' !important;' +
'--yt-spec-text-disabled:' + text_color + ' !important;' +
'--yt-spec-icon-active-other:' + text_color + ' !important;' +
'--yt-spec-icon-inactive:' + text_color + ' !important;' +
'--yt-spec-icon-disabled:' + text_color + ' !important;' +
'--yt-spec-filled-button-text:' + text_color + ' !important;' +
'--yt-spec-call-to-action-inverse:' + text_color + ' !important;' +
'--yt-spec-brand-icon-active:' + text_color + ' !important;' +
'--yt-spec-brand-icon-inactive:' + text_color + ' !important;' +
'--yt-spec-brand-link-text:' + text_color + '!important;' +
'--yt-spec-brand-subscribe-button-background:' + text_color + ' !important;' +
'--yt-spec-wordmark-text:' + text_color + ' !important;' +
'--yt-spec-selected-nav-text:' + text_color + ' !important;' +
'--yt-spec-base-background:' + primary_color + '!important;' +
'--yt-spec-raised-background:' + primary_color + '!important;' +
'--yt-spec-menu-background:' + primary_color + '!important;' +
'--yt-spec-inverted-background: #fff;' +
'--ytd-searchbox-background:' + primary_color + '!important;' +
'--ytd-searchbox-legacy-button-color:' + 'var(--yt-spec-brand-background-primary)' + '!important;' +
'--yt-frosted-glass-desktop:' + primary_color + 'cc !important;' +
'background-color: var(--yt-spec-base-background)!important;' +
'}' +
'ytd-masthead, #masthead, ytd-app #masthead { background-color: ' + secondary_color + ' !important; }';
//Tested, but still not sure if it's good enough

)

@ImprovedTube ImprovedTube self-assigned this Jun 3, 2025
@ImprovedTube ImprovedTube added the Knowledge Base / Documentation for contributors We should repurpose this for future reference / Wiki / Education / Introduction label Jun 3, 2025
@ImprovedTube
Copy link
Member

ImprovedTube commented Jun 3, 2025

I didn't test using CSS, but I guess should work? I used to use JS because of the toggle option, but I don't mind if you make it work on CSS and remove all the JS part.

Will see soon. I tested your CSS selector with our dark mode* extension. you see it in the bottom here https://github.com/code-charity/crowd-fixes?tab=readme-ov-file#testing-methods (linked form here https://github.com/code-charity/youtube?tab=readme-ov-file#-vision-for-open-source-efficiency--auto-contributors)
( ImprovedTube also has a custom css feature but somehow it wasnt migrated correctly years ago 🙈 and if we'd support (+crowdsource) ublock rules, we'd not even need separate code and consideration for a 'simple features framework' including #2251 - https://github.com/code-charity/letsblockit was a server for ublock rules but ended)

..* Dark mode easily found 20000 user (despite it is confusing currently, many leave. it does have uniquely thought-through specificity beyond dark reader. But in the end the author quit at more of an alpha release. The main-switch functionality is confusing or flawed. Back then he also added something obviously relaxing, that i suggested back then, to make any page start fading in from a dark/er background - Instead of the browser flashing full white at us up to every click - but i didn't start using it yet. i think it would need some tuning / settings. )

But more importantly please have a look at the old vision of history manager https://chromewebstore.google.com/detail/history-manager/odognhgojidbcgconbcipmgffjcmfaoj there is so much we could add. ( empowering/meaningful self data management projects also can get various funding. ) - An inspiration also can be FastestSearch (requires palemoon or old firefox with https://github.com/JustOff/ca-archive ) and the Auto Text Pattern selector linked here code-charity/ultimate-REGEX-extension#4

Our extensions share satus.js. For current separation and raising developer motivation, I moved some "global extension ideas" here: code-charity/Wish-Factory#17 and converted them to discussions, just so it could provide list ordered by votes like reddit🙈 - Yet ImprovedTube will need to to trigger permissions dialog once too and offer to run on all pages and #1881 and i guess i would rather organize the ultimate extension framework, combining all said here, than too many separate / abandoned ones? (yet youtube alone makes a high percentage (50%?) of all time people spend with their web browsers.)

(hope this "random massage" / perspective is bookmark-worthy or something)
thanks for all your work again!

@wbalbo
Copy link
Contributor Author

wbalbo commented Jun 3, 2025

Yeah, they're worth it for sure.

I guess the ideas from Wish Factory should be implemented once we have enough votes/people interested.

And yes, there are a lot of things to add, maybe we should have something like a "To-Do" list in a specific place? I guess we can use the Projects tab to better organize? Never used, so just a guess.

Always happy to help in my free time.

@ImprovedTube
Copy link
Member

I guess the ideas from Wish Factory should be implemented once we have enough votes/people interested

maybe in that hidden spot not even a perfect to-do list would have many votes yet? (with the most global features saving the most time and the most easy to implement and understand combined). Yet could be pro-active step by step, we could invite our users to watch what matters. Hope to find and or hire a bit of a team.

About 5 billion people have been online for more than 5 years.
Youtube counts about 140 billion minutes per day according to similarweb.
125 million pay youtube premium.
38 million had a channel with more than 10 subscribers ( 2022 data #1451)

@ImprovedTube ImprovedTube added the Structures (UX & ORG & Teamwork) Let's focus on structure! Everything should be as easily seen/found as it is relevant. label Jun 7, 2025
@ImprovedTube ImprovedTube changed the title Feature to hide AI summary in all videos Hide AI summary in all videos & "Display:none;"-conversation Jun 7, 2025
@ImprovedTube
Copy link
Member

PART-2: #2983 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Knowledge Base / Documentation for contributors We should repurpose this for future reference / Wiki / Education / Introduction Structures (UX & ORG & Teamwork) Let's focus on structure! Everything should be as easily seen/found as it is relevant.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants