Blue Youtube

blue_yt.css

:root {
  --main-color: #0099ff;
}

/*progress bar (player)*/
.ytp-swatch-background-color,
/*playback progress bar*/
#progress.ytd-thumbnail-overlay-resume-playback-renderer,
/*HD tag  settings icon (player)*/
.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,
/*Subscribe button */
paper-button.ytd-subscribe-button-renderer,
/*Like bar*/
ytd-sentiment-bar-renderer[activated_] #like-bar
{
    background-color: var(--main-color) !important;
}

/*Subscribe button subscribed*/
paper-button[subscribed].ytd-subscribe-button-renderer
{
    background-color: hsl(0, 0%, 93.3%) !important;
}

/*HD tag quality setting (player)*/
.ytp-swatch-color,
/* Live icon on subscribed channel list */
.guide-entry-badge.ytd-guide-entry-renderer,
/*Like button text and possible other clickable texts*/
#text.style-default-active
{
    color: var(--main-color);
}

/*Active binary toggle*/
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox
{
    outline: none;
    background: var(--main-color);
}

/* Lot's of random svg's */
svg *[fill=red], svg *[fill=\#F00],
/*Like buttons and possible other clickable icons*/
yt-icon-button.style-default-active yt-icon svg path,
/*Hearted comment heart*/
#hearted svg,
/* YT logo */
div#logo-icon-container  svg > g > g:nth-child(1) path  {
    fill: var(--main-color) !important;
}

/* Active page icon (home)*/
ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer, ytd-guide-entry-renderer[is-guide-refresh][active] .guide-icon.ytd-guide-entry-renderer
{
    color: var(--main-color);
}

/* NOW LIVE video tag*/
.badge-style-type-live-now.ytd-badge-supported-renderer {
    color: var(--main-color);
    border-color: var(--main-color);  
}

/*Checkboxes*/
#checkbox.checked.paper-checkbox {
  border-color: var(--main-color);
  background-color: var(--main-color);

}