YouTube Accents by felixan01

6/* ==UserStyle==
@name           YouTube Accents
@namespace      dotProjects
@author         dotFelixan
@preprocessor   stylus
@description    Accents for site Elements and Icons!
@version        1.1.7

@advanced color AccentC 'Accent Color [Цвет Акцента]' #FF0000

==/UserStyle== */


@-moz-document domain("youtube.com"), domain("m.youtube.com"), domain("studio.youtube.com"), domain("music.youtube.com"), domain("www.youtubekids.com"), domain("accounts.youtube.com"), domain("payments.youtube.com"), domain("docs.google.com") {

        /* Stroke */

    
placeholder {
    stroke: AccentC;
} 
        /* Fill */
.yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--segmented-start.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon > yt-animated-icon > .yt-animated-icon.style-scope > .YtLottieComponentHost > svg g > g > g > g > path,
.yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--segmented-start.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon > yt-animated-icon > .yt-animated-icon.style-scope > .YtLottieComponentHost > svg g > g > g > g > path,
.yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--icon-leading-trailing.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon > yt-animated-icon > .yt-animated-icon.style-scope > .YtLottieComponentHost > svg > g > g > g > path, 
#button-shape > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon,
.ytd-item-section-renderer.style-scope > .ytd-reel-shelf-renderer.style-scope > h2.ytd-reel-shelf-renderer.style-scope > #icon > .yt-spec-icon-shape.yt-icon.style-scope.yt-icon-shape > div > svg > g > path,
#right-content > .ytmusic-nav-bar.style-scope.cast-button > .ytmusic-cast-button.style-scope.cast-button > .ytmusic-cast-button.style-scope.chromecast-icon > .ytmusic-cast-button.style-scope.chromecast,
h2.ytd-rich-shelf-renderer.style-scope > .ytd-rich-shelf-renderer.style-scope#icon > .yt-spec-icon-shape.yt-icon-shape svg > g > path,
.ytd-guide-entry-renderer.style-scope.guide-icon > .yt-spec-icon-shape.yt-icon-shape > div > g > path:nth-of-type(1),
ytd-guide-entry-renderer.ytd-guide-section-renderer.style-scope:nth-of-type(1) path:nth-child(3),
ytd-guide-entry-renderer.ytd-guide-section-renderer.style-scope:nth-of-type(1) path:nth-child(1),
#icon > .yt-spec-icon-shape.yt-icon.style-scope.yt-icon-shape > div > svg > path:nth-of-type(1),
#logo-icon > .yt-spec-icon-shape.yt-icon-shape svg > g:nth-of-type(1) > path:nth-of-type(1),
.animated-like-icon.YtLottieComponentHost svg > g > g > g > g > path,
.ytmusic-toggle-menu-service-item-renderer.style-scope.icon,
.ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg, 
.ytmusic-multi-select-menu-item-renderer.style-scope.icon,
.ytmusic-menu-navigation-item-renderer.style-scope.icon,
.ytmusic-menu-service-item-renderer.style-scope.icon,
.ytp-large-play-button svg > path:nth-child(1),
.guide-icon.ytd-guide-entry-renderer circle, 
.animated-subscribe-icon > g > g > g > path,
.bar.ytd-thumbnail-overlay-equalizer,
.ytp-offline-slate-button-icon svg,
.ytp-menuitem-icon svg > path,
.ytp-offline-slate-icon svg,
     
placeholder {
    fill: AccentC; 
}
// Transparent Background Color 
.ytmusic-search-box.style-scope.search-icon > .tp-yt-paper-icon-button.style-scope,
#clear > .tp-yt-paper-icon-button.style-scope,

placeholder {
    fill: mix(AccentC,rgba(0, 0, 0, 0)) !important;  
}
        /* Color */
.YtPlaylistCollaborationViewModelButtonViewModelWrapper > .yt-spec-button-view-model > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon > .yt-spec-icon-shape.yt-icon.style-scope.yt-icon-shape > div,
ytd-button-renderer.ytd-video-description-infocards-section-renderer.style-scope > yt-button-shape > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon > .yt-spec-icon-shape.yt-icon-shape > div,    
#top-level-buttons-computed > yt-button-view-model.ytd-menu-renderer > .yt-spec-button-view-model > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon > .yt-spec-icon-shape.yt-icon-shape > div,
#flexible-item-buttons > yt-button-view-model.ytd-menu-renderer > .yt-spec-button-view-model > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon > .yt-spec-icon-shape.yt-icon-shape > div,
.ytd-menu-renderer.style-scope > yt-button-shape > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text.yt-spec-button-shape-next > .yt-spec-button-shape-next__button-text-content > .yt-core-attributed-string--white-space-no-wrap.yt-core-attributed-string > .yt-core-attributed-string__link,
.ytd-video-description-transcript-section-renderer.style-scope > yt-button-shape > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline.yt-spec-button-shape-next > .yt-spec-button-shape-next__button-text-content > .yt-core-attributed-string--white-space-no-wrap.yt-core-attributed-string,
.yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--align-by-text.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text.yt-spec-button-shape-next > .yt-spec-button-shape-next__button-text-content > .yt-core-attributed-string--white-space-no-wrap.yt-core-attributed-string,
.ytd-engagement-panel-title-header-renderer.style-scope > yt-button-shape > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--icon-only-default.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon > .yt-spec-icon-shape.yt-icon-shape > div,
.ytd-playlist-header-renderer.style-scope.shuffle-button > yt-button-shape > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon > .yt-spec-icon-shape.yt-icon-shape > div,
.icon-settings > .yt-spec-button-shape-next__button-shape-wiz-class > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--icon-only-default.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > c3-icon > .yt-spec-icon-shape.yt-icon-shape > div,
.yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--override-small-size-icon.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon > .yt-spec-icon-shape.yt-icon.style-scope.yt-icon-shape > div,
.yt-trust-tiers-home-level.style-scope.feature-level-description > .yt-trust-tiers-home-level.style-scope.feature-level-requirements > div.yt-trust-tiers-home-level.style-scope > div.yt-trust-tiers-home.style-scope > div.yt-trust-tiers-home.style-scope.requirement > .yt-trust-tiers-home.style-scope.requirement-name > .yt-trust-tiers-home.style-scope.help-outline-icon.tooltip-icon,
.yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--segmented-start.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon > .yt-spec-icon-shape.yt-icon.style-scope.yt-icon-shape > div,
.yt-chip-cloud-renderer.style-scope > yt-button-shape > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--icon-only-default.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text.yt-spec-button-shape-next > .yt-spec-button-shape-next__icon > yt-icon > .yt-spec-icon-shape.yt-icon-shape > div,
.yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--align-by-text.yt-spec-button-shape-next--icon-only-default.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text.yt-spec-button-shape-next > .yt-spec-...