Youtube Custom Accent Color by adreaskar

/* ==UserStyle==
@name         Youtube Custom Accent Color
@namespace    USO Archive
@version      20210422.11.55
@description  A CSS style to make the Youtube page more personal with a custom accent color (can be modified at line 8, labed as --color). Works best with dark theme enabled.
@author       adreaskar
@license      NO-REDISTRIBUTION==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/") {
/*================================================================

	   Youtube Custom Accent Color
	     by Andreas Karabetian

	   v1.2
	   Last updated: 24/07/2020

================================================================*/

:root {
  --color: #ff7429;
}

/* Channel name */
yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string {
    color: var(--color);
}
#channel-name.ytd-video-meta-block {
    --ytd-channel-name-badges-margin-right: 8px;
    --ytd-channel-name-text-display: block;
    --ytd-channel-name-text-complex-display: flex;
    --yt-endpoint-color: var(--yt-spec-text-secondary);
    --yt-endpoint-visited-color: var(--color);
    color: var(--yt-spec-text-secondary);
}

yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:visited {
    color: var(--color);
}

/* Like button */
ytd-toggle-button-renderer.style-default-active[is-icon-button] {
    color: var(--color);
}
ytd-sentiment-bar-renderer[activated] #like-bar.ytd-sentiment-bar-renderer{
    background-color: var(--color);
}

/* Progress bar on thumbnail */
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
    background-color: var(--color);
}

/* Tick badge */
yt-icon.ytd-badge-supported-renderer {
    color: var(--color);
}

/* Left panel option highlights */
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer {
    color: var(--color);
}
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer {
    color: var(--color);
}
ytd-guide-entry-renderer[active] .title.ytd-guide-entry-renderer {
    color:var(--color);
}
ytd-guide-entry-renderer[active] {
    background:transparent;
}
paper-item:focus::before, .paper-item.paper-item:focus::before {
    background:transparent
}


/* Contribute button */
ytd-button-renderer.style-suggestive[is-paper-button] {
    --yt-formatted-string-deemphasize-color: var(--yt-blue-opacity-lighten-2);
    background-color: transparent;
    color: var(--color);
}
ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer {
    border: 1px solid var(--color);
    padding: var(--yt-button-padding-minus-border);
}


/* Current tab in channel */
paper-tab.iron-selected.ytd-c4-tabbed-header-renderer {
    color: var(--color);
}

/* New Video by channel */
#newness-dot.ytd-guide-entry-renderer {
    background-color: var(--color);
}

/* Search box highlight */
ytd-searchbox[has-focus] #container.ytd-searchbox {
    border: 1px solid var(--color);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

/* Border on thumbnail */
/*ytd-thumbnail.ytd-rich-grid-video-renderer {
    width: 100%;
    position: relative;
    border-left: solid;
    border-color: var(--color);
    border-width: 3px;
}*/

/* Channel name on side */
#text.ytd-channel-name {
    color: var(--color);
}

/* Posts author title */
ytd-post-renderer[uses-compact-lockup_] #author-text.yt-simple-endpoint.ytd-post-renderer {
    color: var(--color);
}

/* Bell notifications */
#notification-count.ytd-notification-topbar-button-renderer {
    background-color:var(--color);
}

/* Youtube Logo */
.external-icon svg > g:nth-child(1) path:nth-child(1) {
    fill:var(--color);
}

#youtube-paths path{
    fill: white !important;
}

/* Channel tabs bottom bar */
#selectionBar.paper-tabs {
    border-bottom:2px solid var(--color);
}

/* Sidebar titles */
#guide-section-title.ytd-guide-section-renderer {
    color:var(--color);
}

/* Subscribe Button */
tp-yt-paper-button.style-scope.ytd-subscribe-button-renderer {
    background-color:var(--color);
}
tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]{
    background-color: var(--yt-spec-badge-chip-background);
}
#notification-preference-button.style-scope.ytd-subscribe-button-renderer{
    background-color: #f000!important;
}

/* Links */
a.yt-simple-endpoint.yt-formatted-string {
    color:lightskyblue;
}

/* Account circle */
yt-img-shadow.ytd-topbar-menu-button-renderer {
    border:2px solid var(--color);
}

/* Auto play enabled */
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
    background-color:var(--color);
}

/* Video bar */
.ytp-swatch-background-color {
    background-color:var(--color);
}

/* New video dot */
ytd-notification-renderer.unread #new.ytd-notification-renderer {
    background-color:var(--color);
}

/* Account Popup */
#account-name.ytd-active-account-header-renderer {
    color:var(--color);
}
}