Accents for site Elements and icons!
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
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...