Skip to content

YouTube Accents by felixan01

Details

Authorfelixan01

LicenseNo License

Categoryyoutube

Created

Updated

Size25 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Accents for site Elements and icons!

Notes

1.0.0 - Release [20.10.2024]

RU:
[+] - Релиз

EN:
[+] - Release

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           YouTube Accents
@namespace      dotProjects
@author         dotFelixan
@preprocessor   stylus
@description    Accents for site Elements and Icons!
@version        1.0.5

@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 */
.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 > path,
    
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--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, 
.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, 
.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,
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),
#logo-icon > .yt-spec-icon-shape.yt-icon-shape svg > g > path:nth-of-type(1),
.ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg, 
.ytp-large-play-button svg > path:nth-child(1),
.guide-icon.ytd-guide-entry-renderer circle, 
.bar.ytd-thumbnail-overlay-equalizer,
.ytp-menuitem-icon svg > path,
     
placeholder {
    fill: AccentC; 
}
        /* Color */
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-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-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,
.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,
.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-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-button-shape-next__icon > yt-icon > .yt-spec-icon-shape.yt-icon-shape > div,
.ytd-searchbox.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--override-small-size-icon.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--size-s.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-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__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--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,
.yt-spec-button-shape-with-label > .yt-spec-button-shape-next--enable-backdrop-filter-experiment.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--size-l.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,
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--tonal.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--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-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-attribut...

Reviews

No reviews yet.