Youtube Colored by 4kkemi

/* ==UserStyle==
@name           Youtube Colored
@namespace      github.com/4kkemi
@version        1.0.0
@description    Its required to have night mode
If you use light mode, you have to deactivate and reactivate the style in the extension
To change the color, just click on the style gear and configure the colors you want
@author         4kkemi

@advanced color cor3 "Cor Principal" #FF0046
@advanced color cor5 "Cor Escura" #1A0007
@advanced color cor4 "Segunda Cor Escura" #4D0014
@advanced color cor1 "Cor Clara" #FF96C3
@advanced color cor2 "Segunda Cor Clara" #FF5591
@advanced color branco "Substituto do Branco" #fff

==/UserStyle== */

@-moz-document domain("youtube.com") {
html[darker-dark-theme][dark], [darker-dark-theme] [dark] {
    --yt-spec-text-primary: /*[[cor3]]*/;
    --yt-spec-text-primary-inverse: /*[[cor1]]*/;
}
    html[system-icons][dark], html[system-icons] [dark] {
    --yt-spec-icon-inactive: /*[[cor1]]*/;
    --yt-spec-icon-disabled: /*[[cor2]]*/;
    --yt-spec-brand-icon-inactive: /*[[cor1]]*/;
}
    html[darker-dark-theme][dark] {
    background-color: /*[[cor5]]*/!important;
}
    html[dark], [dark] {
    --ytd-searchbox-border-color: /*[[cor3]]*/;
    --ytd-searchbox-legacy-border-color: /*[[cor3]]*/;
    --ytd-searchbox-legacy-border-shadow-color: /*[[cor3]]*/;
    --ytd-searchbox-legacy-button-color: /*[[cor4]]*/;
    --ytd-searchbox-legacy-button-border-color: /*[[cor3]]*/;
    --ytd-searchbox-legacy-button-focus-color: /*[[cor3]]*/;
    --ytd-searchbox-legacy-button-hover-color: /*[[cor2]]*/;
    --ytd-searchbox-legacy-button-hover-border-color: /*[[cor3]]*/;
    --ytd-searchbox-legacy-button-icon-color: /*[[cor2]]*/;
    --ytd-searchbox-background: /*[[cor5]]*/;
    --ytd-searchbox-text-color: /*[[cor1]]*/;
}
html[dark], [dark] {
    --yt-spec-base-background: /*[[cor5]]*/;
    --yt-spec-raised-background: /*[[cor4]]*/;
    --yt-spec-menu-background: /*[[cor4]]*/;
    --yt-spec-inverted-background: /*[[cor1]]*/;
    --yt-spec-additive-background: rgba(255, 255, 255, 0.1);
    --yt-spec-outline: rgba(255, 255, 255, 0.2);
    --yt-spec-shadow: /*[[cor3]]*/;
    --yt-spec-text-primary: /*[[cor3]]*/;
    --yt-spec-text-secondary: /*[[cor2]]*/;
    --yt-spec-text-disabled: /*[[cor2]]*/;
    --yt-spec-text-primary-inverse: /*[[cor5]]*/;
    --yt-spec-call-to-action: /*[[cor2]]*/;
    --yt-spec-call-to-action-inverse: /*[[cor4]]*/;
    --yt-spec-suggested-action: /*[[cor4]]*/;
    --yt-spec-suggested-action-inverse: /*[[cor2]]*/;
    --yt-spec-icon-active-other: /*[[cor3]]*/;
    --yt-spec-icon-inactive: /*[[cor2]]*/;
    --yt-spec-icon-disabled: /*[[cor4]]*/;
    --yt-spec-button-chip-background-hover: rgba(255, 255, 255, 0.2);
    --yt-spec-touch-response: #fff;
    --yt-spec-touch-response-inverse: #000;
    --yt-spec-brand-icon-active: #fff;
    --yt-spec-brand-icon-inactive: #909090;
    --yt-spec-brand-button-background: /*[[cor3]]*/;
    --yt-spec-brand-link-text: /*[[cor3]]*/;
    --yt-spec-wordmark-text: #fff;
    --yt-spec-error-indicator: #ff8983;
    --yt-spec-themed-blue: #3ea6ff;
    --yt-spec-themed-green: #2ba640;
    --yt-spec-ad-indicator: #00aaa7;
    --yt-spec-themed-overlay-background: rgba(0, 0, 0, 0.8);
    --yt-spec-commerce-badge-background: #002d08;
    --yt-spec-static-brand-red: /*[[cor3]]*/;
    --yt-spec-static-brand-white: #fff;
    --yt-spec-static-brand-black: /*[[cor5]]*/;
    --yt-spec-static-clear-color: rgba(255, 255, 255, 0);
    --yt-spec-static-clear-black: rgba(0, 0, 0, 0);
    --yt-spec-static-ad-yellow: #fbc02d;
    --yt-spec-static-grey: /*[[cor2]]*/;
    --yt-spec-static-overlay-background-solid: #000;
    --yt-spec-static-overlay-background-heavy: rgba(0, 0, 0, 0.8);
    --yt-spec-static-overlay-background-medium: rgba(0, 0, 0, 0.6);
    --yt-spec-static-overlay-background-medium-light: rgba(0, 0, 0, 0.3);
    --yt-spec-static-overlay-background-light: rgba(0, 0, 0, 0.1);
    --yt-spec-static-overlay-text-primary: #fff;
    --yt-spec-static-overlay-text-secondary: rgba(255, 255, 255, 0.7);
    --yt-spec-static-overlay-text-disabled: rgba(255, 255, 255, 0.3);
    --yt-spec-static-overlay-call-to-action: #3ea6ff;
    --yt-spec-static-overlay-icon-active-other: #fff;
    --yt-spec-static-overlay-icon-inactive: rgba(255, 255, 255, 0.7);
    --yt-spec-static-overlay-icon-disabled: rgba(255, 255, 255, 0.3);
    --yt-spec-static-overlay-button-primary: rgba(255, 255, 255, 0.3);
    --yt-spec-static-overlay-button-secondary: rgba(255, 255, 255, 0.1);
    --yt-spec-static-overlay-touch-response: #fff;
    --yt-spec-static-overlay-touch-response-inverse: #000;
    --yt-spec-static-overlay-background-brand: /*[[cor3]]*/;
    --yt-spec-assistive-feed-themed-gradient-1: #005446;
    --yt-spec-assistive-feed-themed-gradient-2: #39003f;
    --yt-spec-assistive-feed-themed-gradient-3: #590000;
    --yt-spec-brand-background-solid: /*[[cor5]]*/;
    --yt-spec-brand-background-primary: rgba(33, 33, 33, 0.98);
    --yt-spec-brand-background-secondary: rgba(33, 33, 33, 0.95);
    --yt-spec-general-background-a: /*[[cor5]]*/;
    --yt-spec-general-background-b: /*[[cor5]]*/;
    --yt-spec-general-background-c: /*[[cor5]]*/;
    --yt-spec-error-background: #f9f9f9;
    --yt-spec-10-percent-layer: rgba(255, 255, 255, 0.1);
    --yt-spec-snackbar-background: #030303;
    --yt-spec-snackbar-background-updated: #f9f9f9;
    --yt-spec-badge-chip-background: rgba(255, 255, 255, 0.1);
    --yt-spec-verified-badge-background: rgba(255, 255, 255, 0.25);
    --yt-spec-call-to-action-faded: rgba(62, 166, 255, 0.3);
    --yt-spec-call-to-action-hover: #6ebcff;
    --yt-spec-brand-button-background-hover: #990412;
    --yt-spec-brand-link-text-faded: rgba(255, 78, 69, 0.3);
    --yt-spec-filled-button-focus-outline: rgba(255, 255, 255, 0.7);
    --yt-spec-static-overlay-button-hover: rgba(255, 255, 255, 0.5);
    --yt-spec-mono-filled-hover: #d9d9d9;
    --yt-spec-commerce-filled-hover: #65b8ff;
    --yt-spec-mono-tonal-hover: rgba(255, 255, 255, 0.2);
    --yt-spec-commerce-tonal-hover: #515561;
    --yt-spec-static-overlay-filled-hover: #e6e6e6;
    --yt-spec-static-overlay-tonal-hover: rgba(255, 255, 255, 0.2);
    --yt-spec-paper-tab-ink: rgba(255, 255, 255, 0.3);
    --yt-spec-filled-button-text: #030303;
    --yt-spec-selected-nav-text: #fff;
}
    yt-icon.ytd-logo {
    color: /*[[cor3]]*/;
}
    html[system-icons][dark], html[system-icons] [dark] {
    --yt-spec-brand-icon-inactive: /*[[cor3]]*/;
}
    .ytp-play-progress {
	background-color: /*[[cor3]]*/ !important;
}
    .ytp-scrubber-button {
	background-color: /*[[cor3]]*/ !important;
}
  .ytp-svg-fill {
    fill: /*[[cor1]]*/;
}
 yt-live-chat-text-input-field-renderer[focused] #focused.yt-live-chat-text-input-field-renderer,
.paper-input-container:not([v2]).paper-input-container .focused-line.paper-input-container,
#edit-buttons.ytd-c4-tabbed-header-renderer ytd-button-renderer.ytd-c4-tabbed-header-renderer,
paper-item.ytd-backstage-poll-renderer[selected] .progress-bar.ytd-backstage-poll-renderer,
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button,
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox,
ytd-notification-renderer.unread #new.ytd-notification-renderer,
paper-button.ytd-subscribe-button-renderer[subscribed]::before,
.iv-branding .iv-branding-context-subscribe .ytp-sb-subscribe,
paper-button.ytd-subscribe-button-renderer:not([subscribed]),
ytd-thumbnail-overlay-resume-playback-renderer #progress,
.badge-style-type-featured.ytd-badge-supported-renderer,
ytd-conversation-switcher-item-renderer.unread #bullet,
ytd-button-renderer.style-destructive[is-paper-button],
.ytp-chrome-controls .ytp-button[aria-pressed]:after,
ytd-button-renderer.style-primary[is-paper-button],
.ytp-settings-button.ytp-hd-quality-badge:after,
.ytp-settings-button.ytp-4k-quality-badge:after,
.ytp-settings-button.ytp-5k-quality-badge:after,
.ytp-settings-button.ytp-8k-quality-badge:after,
yt-icon-button.yt-live-chat-item-list-renderer,
ytd-notification-renderer.unseen div#new,
#progress.yt-page-navigation-progress,
#newness-dot.ytd-guide-entry-renderer,
.ytp-sb-subscribe, a.ytp-sb-subscribe,
yt-icon.yt-live-chat-ticker-renderer,
.ytp-live-badge[disabled]::before,
.ytp-sb-unsubscribe::before,
#notification-count,
a.ytp-sb-subscribe {
	background-color: /*[[cor3]]*/;
}
    
.ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg,
.ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg,
#heart-button button[aria-label="Remove heart"] yt-icon,
#hearted.ytd-creator-heart-renderer,
path[fill="#FF0000"],
path[fill="#ff0000"],
path[fill="#f80000"],
path[fill="#FF8983"],
path[fill="#f00"],
path[fill="#F00"],
circle[fill=red] {
	fill: /*[[cor3]]*/;
}
    .ytp-volume-slider-handle {
    background: /*[[cor2]]*/;
}
    
    .ytp-time-current, .ytp-time-separator, .ytp-time-duration {
    color: /*[[cor1]]*/;
}
    .ytp-chapter-title-content {
    color: /*[[cor1]]*/;
}
    
    .ytp-tooltip.ytp-rounded-tooltip:not(.ytp-preview) .ytp-tooltip-text {
    color: /*[[cor1]]*/;
}
    
    .ytp-tooltip-text {
    background: /*[[cor4]]*/;
}
    
.ytp-panel-menu {
    background: /*[[cor4]]*/;
    color: /*[[branco]]*/;
}
    
    ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
    color: /*[[cor3]]*/;
    }

    ytd-mini-guide-entry-renderer[is-active] .guide-icon.ytd-mini-guide-entry-renderer {
    color: /*[[cor3]]*/;
}
    
    .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {
    color: /*[[cor3]]*/;
}
    
    .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {
    color: /*[[cor3]]*/;
}
    
    .html5-video-player {
    color: /*[[cor1]]*/;
}
    
}