YouTube DeepDark Material by raitarohikami
Imported and mirrored from https://raw.githubusercontent.com/RaitaroH/YouTube-DeepDark/master/YouTubeDeepDarkMaterial.user.css
Details
Authorraitarohikami
LicenseGNU-V3.0
Created
Updated
Categoryunset
Description
Videos should only be watched in the dark. May the dark be kinder on thine eyes. (YouTube dark theme)
Notes
Userstyle doesn't have notes.Source code
Source code has over 100k characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name YouTube DeepDark Material
@namespace github.com/RaitaroH/YouTube-DeepDark
@homepageURL https://github.com/RaitaroH/YouTube-DeepDark
@version 4.0.5
@updateURL https://raw.githubusercontent.com/RaitaroH/YouTube-DeepDark/master/YouTubeDeepDarkMaterial.user.css
@description Videos should only be watched in the dark. May the dark be kinder on thine eyes. (YouTube dark theme)
@author RaitaroH
@license GNU-V3.0
@preprocessor stylus
@var select stylus-deepdark-style "Preset themes" [
"Deep-Dark",
"Inspired-Dark",
"Breeze-Dark",
"HavocOS",
"Arc-Dark",
"Vertex-Dark",
"Dracula",
"Mint-Y-Dark",
"Adapta-Nokto",
"Adapta-Breath-Nokto",
"Gruvbox-Dark",
"Gruvbox-Light",
"NierAutomata-Dark",
"NierAutomata-Light",
"Solarized-Dark",
"Solarized-Light",
"9anime",
"Firefox-Dark",
"Firefox-57",
"Firefox-Dark-91",
"Firefox-Alpenglow-Dark",
"Discord",
"YouTube-Dark",
"Black-and-White",
"Yellow",
"Yellow-2",
"Ubuntu-Grey",
"Ubuntu-Purple",
"Orange",
"Jisho",
"Custom"
]
@var checkbox join-color "Use blue join button" 0
@var checkbox subscribe-color "Use blue subscribe button" 0
@var text scrollbar_width "Scrollbar width" 8px
@var color scrollbar_track "Scrollbar background" "rgba(0,0,0, 0)"
@var color mainColor "Custom main color" "#367bf0"
@var color mainBackground "Custom main background" "#22242d"
@var color secondBackground "Custom second background" "#242730"
@var color hoverBackground "Custom hover background" "#4e5467"
@var color mainText "Custom main text" "#eee"
@var color dimmerText "Custom second text" "#ccc"
@var color colorShadow "Custom shadow color" "rgba(56, 60, 74, .3)"
==/UserStyle== */
@-moz-document regexp('https?:\\/\\/(?!gaming\\.)(?!music\\.)(?!tv\\.)(?!artists\\.)(?!studio\\.)(?!consent\\.).*youtube(?!kids\\.).*\\.com\\/(?!premium|howyoutubeworks).*$') {
/* Author : Theme made by RaitaroH */
/* Co-authors : https://github.com/MechaLynx https://github.com/MaximeRF */
/* Home : https://github.com/RaitaroH/YouTube-DeepDark */
/* Licence : GNU General Public License v3.0 */
/*Main color variables*/
:root
{
if stylus-deepdark-style == "Deep-Dark" {
--main-color: #00adee;
--main-background: #111;
--second-background: #181818;
--hover-background: #232323;
--main-text: #eff0f1;
--dimmer-text: #ccc;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .3);
}
else if stylus-deepdark-style == "Inspired-Dark" {
--main-color: #5e8acc;
--main-background: #232629;
--second-background: #181818;
--hover-background: #515254;
--main-text: #eee;
--dimmer-text: #ccc;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
}
else if stylus-deepdark-style == "Breeze-Dark" {
--main-color: #3daee9;
--main-background: #232629;
--second-background: #2a2e32;
--hover-background: #31363b;
--main-text: #eff0f1;
--dimmer-text: #bdc3c7;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
}
else if stylus-deepdark-style == "Vertex-Dark" {
--main-color: #4080fb;
--main-background: #2b2b2c;
--second-background: #353638;
--hover-background: #515254;
--main-text: #f3f3f5;
--dimmer-text: #aeafb0;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
}
else if stylus-deepdark-style == "Arc-Dark" {
--main-color: #5294e2;
--main-background: #343944;
--second-background: #383c4a;
--hover-background: #414a59;
--main-text: #c1c8d1;
--dimmer-text: #b3bac5;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
}
else if stylus-deepdark-style == "Dracula" {
--main-color: #bd93f9; /*Purple*/
--main-background: hsl(231, 15%, 18%); /*Background*/
--second-background: hsl(231, 15%, 22%); /*Manually generated from Background*/
--hover-background: #44475a; /*Selection*/
--main-text:#f8f8f2; /*Foreground*/
--dimmer-text: #bcc2cd; /*From .app-title https://draculatheme.com/*/
--shadow: 0 1px 0.5px rgba(0, 0, 0, .15);
}
else if stylus-deepdark-style == "Firefox-Dark" {
--main-color: #5675b9;
--main-background: #272b35;
--second-background: #181d20;
--hover-background: #353a44;
--main-text: #e3eef9;
--dimmer-text: #bec0cc;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
}
else if stylus-deepdark-style == "Firefox-57" {
--main-color: #4080fb;
--main-background: #0c0c0d;
--second-background: #252526;
--hover-background: #323234;
--main-text: #f9f9fa;
--dimmer-text: #d0d0d0;
--shadow: 0 1px 0.5px rgba(54, 54, 54, .2);
}
else if stylus-deepdark-style == "Firefox-Dark-91" {
--main-color: #00ddff;
--main-background: #1c1b22;
--second-background: #23222b;
--hover-background: #2b2a33;
--main-text: #fbfbfe;
--dimmer-text: #b8b7bb;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
}
else if stylus-deepdark-style == "Firefox-Alpenglow-Dark" {
--main-color: #C488FC;
--main-background: #21133d;
--second-background: #2a1e52;
--hover-background: #2d245b;
--main-text: #ffffff;
--dimmer-text: #E3DBFA;
--shadow: 0 1px .5px rgba(35, 22, 65, .5);
}
else if stylus-deepdark-style == "Discord" {
--main-color: #7289da;
--main-background: #1e2124;
--second-background: #2f3136;
--hover-background: #484b51;
--main-text: #fff;
--dimmer-text: #ada8aa;
--shadow: 0 1px 0.5px rgba(47, 49, 54, .23);
}
else if stylus-deepdark-style == "YouTube-Dark" {
--main-color: #e52117;
--main-background: #111;
--second-background: #232323;
--hover-background: #343434;
--main-text: #e1e1e1;
--dimmer-text: #7f7f7f;
--shadow: 0 1px 0.5px rgba(54, 54, 54, .2);
}
else if stylus-deepdark-style == "Mint-Y-Dark" {
--main-color: #9ab87c;
--main-background: #2f2f2f;
--second-background: #383838;
--hover-background: #404040;
--main-text: #fff;
--dimmer-text: #d5dada;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
}
else if stylus-deepdark-style == "9anime" {
--main-color: #723f8c;
--main-background: #0b0a0d;
--second-background: #17151c;
--hover-background: #1E1c25;
--main-text: #f9f6fb;
--dimmer-text: #cac0cf;
--shadow: 0 1px 0.5px rgba(54, 54, 54, .13);
}
else if stylus-deepdark-style == "Black-and-White" {
--main-color: #fff;
--main-background: #000;
--second-background: #1e1e1e;
--hover-background: #313131;
--main-text: #fff;
--dimmer-text: #aaa;
--shadow: 0 1px 0.5px rgba(54 ,54 ,54, .2);
}
else if stylus-deepdark-style == "Yellow" {
--main-color: #ffc700;
--main-background: #141414;
--second-background: #202222;
--hover-background: #353838;
--main-text: #eff0f1;
--dimmer-text: #9f9999;
--shadow: 0 1px 0.5px rgba(34, 34, 34, .2);
}
else if stylus-deepdark-style == "Yellow-2" {
--main-color: #ffc700;
--main-background: #0a0800;
--second-background: #0c0a04;
--hover-background: #0f0d05;
--main-text: #fffdf5;
--dimmer-text: #fff8e1;
--shadow: 0 1px 0.5px rgba(34, 34, 34, .2);
}
else if stylus-deepdark-style == "Ubuntu-Grey" {
--main-color: #ef7847;
--main-background: #312d2a;
--second-background: #3d3c38;
--hover-background: #59564d;
--main-text: #f2f1ef;
--dimmer-text: #e6e5e3;
--shadow: 0 1px 0.5px rgba(89, 86, 77, .12);
}
else if stylus-deepdark-style == "Ubuntu-Purple" {
--main-color: #ef7847;
--main-background: #2c071a;
--second-background: #430b28;
--hover-background: #520D30;
--main-text: #f2f1ef;
--dimmer-text: #e6e5e3;
--shadow: 0 1px 0.5px rgba(82, 13, 48, .2);
}
else if stylus-deepdark-style == "Orange" {
--main-color: #ff6905;
--main-background: #0a0400;
--second-background: #0e0702;
--hover-background: #110903;
--main-text: #fff9f5;
--dimmer-text: #ffede1;
--shadow: 0 1px 0.5px rgba(255, 105, 5, .1);
}
else if stylus-deepdark-style == "Jisho" {
--main-color: #ef7d6c;
--main-background: #332222;
--second-background: #2a1b1b;
--hover-background: #863b2f;
--main-text: #EFB26C;
--dimmer-text: #986E3F;
--shadow: 0 1px 0.5px rgba(37, 19, 5, .19);
}
else if stylus-deepdark-style == "Adapta-Nokto" {
--main-color: #00bcd4;
--main-background: #222d32;
--second-background: #263238;
--hover-background: #2a353b;
--main-text: #fff;
--dimmer-text: #9b9b9b;
--shadow: 0 1px 0.5px rgba(61, 77, 86, .2);
}
else if stylus-deepdark-style == "Adapta-Breath-Nokto" {
--main-color: #1abc9c;
--main-background: #222d32;
--second-background: #263238;
--hover-background: #2a353b;
--main-text: #fff;
--dimmer-text: #9b9b9b;
--shadow: 0 1px 0.5px rgba(42, 53, 59, .32);
}
else if stylus-deepdark-style == "Solarized-Dark" {
--main-color: #268bd2;
--main-background: #073642;
--second-background: #03303c;
--hover-background: #002b36;
--main-text: #fdf6E3;
--dimmer-text: #eee8d5;
--shadow: 0 1px 0.5px rgba(0, 43, 54, .3);
}
else if stylus-deepdark-style == "Solarized-Light" {
--main-color: #268bd2;
--main-background: #fdf6e3;
--second-background: #f5efdc;
--hover-background: #eee8d5;
--main-text: #073642;
--dimmer-text: #586e75;
--shadow: 0 1px 0.5px rgba(222, 216, 196, .2);
}
else if stylus-deepdark-style == "Gruvbox-Dark" {
--main-color: #fe8019;
--main-background: #1d2021;
--second-background: #282828;
--hover-background: #3c3836;
--main-text: #fbf1c7;
--dimmer-text: #ebdbb2;
--shadow: 0 1px 0.5px rgba(60, 56, 54, .22);
}
else if stylus-deepdark-style == "Gruvbox-Light" {
--main-color: #af3a03;
--main-background: #f9f5d7;
--second-background: #fbf1c7;
--hover-background: #ebdbb2;
--main-text: #282828;
--dimmer-text: #3c3836;
--shadow: 0 1px 0.5px rgba(235, 219, 178, .33);
}
else if stylus-deepdark-style == "NierAutomata-Dark" {
--main-color: #fe8019;
--main-background: #33302a;
--second-background: #48453c;
--hover-background: #7c6f64;
--main-text: #dad4bb;
--dimmer-text: #bab5a1;
--shadow: 0 1px 0.5px rgba(124, 111, 100, .15);
}
else if stylus-deepdark-style == "NierAutomata-Light" {
--main-color: #fe8019;
--main-background: #d1cdb7;
--second-background: #dcd8c0;
--hover-background: #bab5a1;
--main-text: #48453c;
--dimmer-text: #33302a;
--shadow: 0 1px 0.5px rgba(186, 181, 161, 2);
}
else if stylus-deepdark-style == "HavocOS" {
--main-color: #0794d4;
--main-background: #141618;
--second-background: #1c1e20;
--hover-background: #212528;
--main-text: #fff;
--dimmer-text: #b9baba;
--shadow: 0 1px 0.5px rgba(185, 186, 186, .04);
}
else if stylus-deepdark-style == "Custom" {
--main-color: mainColor;
--main-background: mainBackground;
--second-background: secondBackground;
--hover-background: hoverBackground;
--main-text: mainText;
--dimmer-text: dimmerText;
--shadow: 0 1px 0.5px colorShadow;
}
}
/*Error page*/
#error-page
{
background-color: var(--main-background) !important;
color: var(--main-text) !important;
}
*
{
scrollbar-color: var(--main-color) scrollbar_track !important;
scrollbar-width: thin !important;
--yt-spec-text-primary: var(--main-text) !important;
--yt-spec-text-secondary: var(--dimmer-text) !important;
--paper-spinner-color: var(--dimmer-text) !important;
--paper-input-container-color: var(--dimmer-text) !important;
--paper-radio-button-unchecked-color: var(--dimmer-text) !important;
--paper-radio-button-unchecked-background-color: transparent !important;
--paper-radio-button-checked-color: var(--main-color) !important;
--paper-radio-button-checked-ink-color: var(--main-color) !important;
--paper-radio-button-unchecked-ink-color: var(--main-color) !important;
--paper-checkbox-unchecked-color: var(--dimmer-text) !important;
--paper-checkbox-checked-color: var(--main-color) !important;
--paper-checkbox-checkmark-color: none !important;
--paper-checkbox-checked-ink-color: var(--main-color) !important;
--paper-checkbox-unchecked-ink-color: var(--main-color) !important;
--yt-spec-call-to-action: var(--main-color) !important;
--yt-spec-suggested-action: var(--hover-background) !important;
--yt-spec-outline: var(--hover-background) !important;
--yt-spec-brand-button-background: var(--main-color) !important; /*in incognito this may be used as subscribe button but is inconsistent .yt-spec-button-shape-next--brand.yt-spec-button-shape-next--filled*/
--yt-formatted-string-bold-color: var(--dimmer-text) !important; /*this affects number of views*/
}
/*Scrollbar fix for chrome*/
*:not([hide-scrollbar]) ::-webkit-scrollbar-thumb
{
background: var(--main-color) !important;
}
*:not([hide-scrollbar]) ::-webkit-scrollbar
{
width: scrollbar_width !important;
}
/*Scrollbar fix for firefox*/
::-webkit-scrollbar-track
{
background: scrollbar_track !important;
}
::-webkit-scrollbar-thumb
{
background: var(--main-color) !important;
}
/*Background for the entire page*/
html, ytd-browse, ytd-watch, ytd-search, ytd-app, ytd-app[is-watch-page], [class*="ytd-watch-flexy"]:not(#engagement-panel-scrim),
.style-scope.ytd-page-manager.hide-skeleton,
.account-container
{
background-color: var(--main-background) !important;
}
/*Border for the sidemenu*/
#guide-content.ytd-app
{
border-right: 1px solid var(--yt-border-color) !important;
}
/*Changed text highlight*/
::selection
{
background: var(--main-color) !important;
color: var(--main-text) !important;
}
::-moz-selection
{
background: var(--main-color) !important;
color: var(--main-text) !important;
}
/*Outline for links*/
a
{
outline-color: var(--main-color) !important;
}
a:hover
{
color: var(--main-color) !important;
fill: var(--main-color) !important;
}
/*Outline for comments*/
#content-text.ytd-comment-renderer
{
outline: none !important;
}
/*Placeholder image on pages that need an account - such as Subscriptions*/
ytd-background-promo-renderer .image.ytd-background-promo-renderer,
ytd-message-renderer yt-icon.ytd-message-renderer
{
color: var(--main-text) !important;
}
/*Nav bar*/
ytd-masthead,
#yt-masthead-container, #masthead-positioner-height-offset /*account page*/
{
background-color: var(--second-background) !important;
border-bottom-color: var(--hover-background) !important;
}
yt-icon-button svg {
fill: var(--dimmer-text) !important;
}
yt-icon-button:hover svg
{
fill: var(--main-color) !important;
}
#logo-icon-container.ytd-topbar-logo-renderer #youtube-paths.ytd-topbar-logo-renderer path.ytd-topbar-logo-renderer,
#youtube-red-paths /*premium*/
{
fill: var(--main-text) !important;
}
/*acount settings page*/
/*logo*/
.exp-invert-logo.inverted-hdpi #header::before, .exp-invert-logo.inverted-hdpi .ypc-join-family-header .logo, .exp-invert-logo.inverted-hdpi #footer-logo .footer-logo-icon, .exp-invert-logo.inverted-hdpi #yt-masthead #logo-container .logo, .exp-invert-logo.inverted-hdpi #masthead #logo-container, .exp-invert-logo.inverted-hdpi .admin-masthead-logo a, .exp-invert-logo.inverted-hdpi #yt-sidebar-styleguide-logo #logo
{
filter: invert(1) grayscale(1);
}
/*buttons*/
#yt-masthead-creation-button
{
filter: brightness(220%);
}
#yt-masthead-notifications .yt-uix-button-icon-bell
{
filter: invert(1) brightness(720%);
}
#sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:not(:last-child)
{
border-color: var(--hover-background) !important;
}
/*Chat in the header*/
ytd-conversation-switcher-item-renderer
{
border-color: var(--hover-background) !important;
}
#last-post.ytd-conversation-switcher-item-renderer
{
color: var(--dimmer-text) !important;
}
/*invite friends*/
#bar.ytd-copy-connection-invite-url-renderer
{
background: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
#icon.ytd-copy-connection-invite-url-renderer
{
color: var(--main-text) !important;
}
/*chat popup*/
ytd-conversation-section-renderer
{
background: var(--second-background) !important;
}
#title-bar.ytd-conversation-section-renderer
{
border-color: var(--hover-background) !important;
}
ytd-conversation-text-item-renderer[justification-style="JUSTIFICATION_START"] #post-text.ytd-conversation-text-item-renderer,
ytd-conversation-link-item-renderer[justification-style="JUSTIFICATION_START"] #link.ytd-conversation-link-item-renderer,
#bar.ytd-conversation-link-item-renderer, #thumbnail.ytd-inline-playback-renderer, #video-data.ytd-inline-playback-renderer
{
border-color: var(--hover-background) !important;
background: var(--hover-background) !important;
}
#post-text.ytd-conversation-text-item-renderer, textarea.iron-autogrow-textarea
{
color: var(--main-text) !important;
}
#displayed-text.ytd-conversation-link-item-renderer, #icon.ytd-conversation-link-item-renderer
{
color: var(--main-color) !important;
}
#metadata.ytd-conversation-metadata-item-renderer
{
color: var(--dimmer-text) !important;
}
/*Backgrounds*/
#like-bar.ytd-sentiment-bar-renderer,#progress.ytd-thumbnail-overlay-resume-playback-renderer,#selectionBar.paper-tabs
{
background-color: var(--main-color) !important;
}
/*Sidebar*/
#guide-content.ytd-app, #contentContainer.app-drawer, #guide-wrapper.ytd-app
{
background: var(--second-background) !important;
}
#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer, #guide-section-title.ytd-guide-section-renderer
{
color: var(--main-text) !important;
}
ytd-guide-entry-renderer:hover #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer,
ytd-guide-entry-renderer:hover svg
{
color: var(--main-color) !important;
fill: var(--main-color) !important;
}
ytd-guide-entry-renderer[active]
{
background-color: var(--hover-background) !important;
}
#sections.ytd-guide-renderer > .ytd-guide-renderer:not(:last-child), #guide-links-primary.ytd-guide-renderer, #guide-content.ytd-app
{
border-color: var(--hover-background) !important;
}
#guide-links-primary.ytd-guide-renderer > a, #guide-links-secondary.ytd-guide-renderer > a, #footer.ytd-guide-renderer > #copyright,
yt-formatted-string.ytd-guide-signin-promo-renderer
{
color: var(--dimmer-text) !important;
}
#guide-links-primary.ytd-guide-renderer > a:hover, #guide-links-secondary.ytd-guide-renderer > a:hover
{
color: var(--main-color) !important;
}
/*Compact sidebar fix*/
ytd-mini-guide-renderer, a.ytd-mini-guide-entry-renderer,
a.ytd-mini-guide-entry-renderer:hover, a.ytd-mini-guide-entry-renderer:focus
{
background-color: var(--second-background) !important;
}
ytd-mini-guide-entry-renderer .guide-icon.ytd-mini-guide-entry-renderer,
a.ytd-mini-guide-entry-renderer .guide-icon,
a.ytd-mini-guide-entry-renderer.title.ytd-mini-guide-entry-renderer,
ytd-mini-guide-entry-renderer .title.ytd-mini-guide-entry-renderer
{
color: var(--main-text) !important;
}
ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer,
a.ytd-mini-guide-entry-renderer:hover .guide-icon,
a.ytd-mini-guide-entry-renderer:hover .title.ytd-mini-guide-entry-renderer,
ytd-mini-guide-entry-renderer[active] .title.ytd-mini-guide-entry-renderer
{
color: var(--main-color) !important;
}
#newness-dot.ytd-guide-entry-renderer
{
background-color: var(--main-color) !important;
}
/*Latest YouTube posts*/
ytd-post-renderer[surface_="backstage-surface-type-home"],
ytd-post-renderer[uses-compact-lockup]
{
background-color: var(--second-background) !important;
}
ytd-post-renderer[surface_="backstage-surface-type-home"] #home-content-text.ytd-post-renderer,
ytd-post-renderer[surface_="backstage-surface-type-home"][attachment="poll"] #vote-count-text.ytd-post-renderer,
ytd-post-renderer[uses-compact-lockup] #home-content-text.ytd-post-renderer
{
color: var(--main-text) !important;
}
ytd-post-renderer[surface_="backstage-surface-type-home"] #author-text.yt-simple-endpoint.ytd-post-renderer
{
color: var(--main-color) !important;
}
ytd-post-renderer[uses-compact-lockup][attachment="poll"] #vote-count-text.ytd-post-renderer
{
color: var(--dimmer-text) !important;
}
/*vote now button*/
ytd-post-renderer[uses-compact-lockup] ytd-button-renderer.style-suggestive[is-paper-button] #button.ytd-button-renderer
{
background-color: var(--main-color) !important;
}
/*Main page video hover preview*/
#video-preview-container.ytd-video-preview
{
background: var(--second-background) !important;
}
/*Feed filter*/
#home-chips /*skeleton*/,
#chips-wrapper.ytd-feed-filter-chip-bar-renderer
{
background-color: var(--main-background) !important;
border-color: var(--hover-background) !important;
}
yt-chip-cloud-chip-renderer:not([selected])
{
background-color: var(--main-background) !important;
border-color: var(--hover-background) !important;
}
yt-chip-cloud-chip-renderer[selected], yt-chip-cloud-chip-renderer:hover
{
background-color: var(--hover-background) !important;
}
yt-chip-cloud-renderer
{
background: transparent !important;
}
#text.yt-chip-cloud-chip-renderer
{
color: var(--main-text) !important;
}
#scroll-container.ytd-feed-filter-chip-bar-renderer::after, #scroll-container.ytd-feed-filter-chip-bar-renderer::before
{
background: transparent !important;
}
#left-arrow-button.ytd-feed-filter-chip-bar-renderer, #right-arrow-button.ytd-feed-filter-chip-bar-renderer,
#left-arrow.yt-chip-cloud-renderer, #right-arrow.yt-chip-cloud-renderer,
#left-arrow-button.yt-chip-cloud-renderer, #right-arrow-button.yt-chip-cloud-renderer
{
background: var(--main-background) !important;
}
#left-arrow.ytd-feed-filter-chip-bar-renderer::after, #right-arrow.ytd-feed-filter-chip-bar-renderer::before,
yt-chip-cloud-renderer #right-arrow.yt-chip-cloud-renderer::before,
yt-chip-cloud-renderer #left-arrow.yt-chip-cloud-renderer::after
{
display: none;
}
/*new to you filter on video*/
#content-wrapper.ytd-feed-nudge-renderer
{
background-color: var(--second-background) !important;
}
yt-chip-cloud-chip-renderer[chip-style="STYLE_REFRESH_TO_NOVEL_CHIP"][selected]
{
background-image: none !important;
}
/*Covid19 big posts aka rich shelves*/
/*also other borders*/
ytd-rich-shelf-renderer, #show-more-button.ytd-rich-shelf-renderer,
ytd-rich-shelf-renderer[is-show-more-hidden] #dismissible.ytd-rich-shelf-renderer,
#contents.ytd-rich-shelf-renderer,
ytd-compact-promoted-item-renderer[view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"] #dismissible.ytd-compact-promoted-item-renderer
{
border-color: var(--hover-background) !important;
}
/* poll results */
/*your selection*/
tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .progress-bar.ytd-backstage-poll-renderer
{
background-color: var(--main-color) !important;
}
/*other bars*/
.progress-bar.ytd-backstage-poll-renderer
{
background-color: var(--second-background) !important;
}
ytd-backstage-poll-renderer:not([is-image-poll]) tp-yt-paper-item.ytd-backstage-poll-renderer .choice-info.ytd-backstage-poll-renderer
{
border-color: transparent !important;
}
#title.ytd-grid-channel-renderer
{
color: var(--dimmer-text) !important;
}
/*Channel page*/
/*header*/
#channel-header.ytd-c4-tabbed-header-renderer, #tabs-inner-container.ytd-c4-tabbed-header-renderer
{
background: var(--hover-background) !important;
}
#channel-title.ytd-c4-tabbed-header-renderer
{
color: var(--main-text) !important;
}
#subscriber-count.ytd-c4-tabbed-header-renderer
{
color: var(--dimmer-text) !important;
}
.tab-content.paper-tab, .tab-content.tp-yt-paper-tab
{
color: var(--main-text) !important;
}
paper-tab:hover .tab-content.paper-tab,
tp-yt-paper-tab:hover > .tab-content.tp-yt-paper-tab
{
color: var(--main-color) !important;
}
tp-yt-paper-tabs
{
--paper-tabs-selection-bar-color: var(--main-color) !important;
}
/*search*/
.input-content.paper-input-container label, .input-content.paper-input-container .paper-input-label,
#subtitle,
.style-scope.tp-yt-paper-input
{
color: var(--dimmer-text) !important;
}
/*arrow button*/
iron-icon
{
fill: var(--main-text) !important;
}
iron-icon:hover
{
fill: var(--main-color) !important;
}
/*side channels*/
#title:not([class*="ytd-labs"]):not([class*="upsell-offer"])
{
color: var(--main-text) !important;
}
.title
{
color: var(--main-text) !important;
}
.title:hover
{
color: var(--main-color) !important;
}
#contents > .ytd-browse-secondary-contents-renderer:not(:first-child)
{
border-color: var(--hover-background) !important;
}
/*videos - uploads*/
#label-text.yt-dropdown-menu
{
color: var(--main-text) !important;
}
paper-menu-button.yt-dropdown-menu:hover #label-text.yt-dropdown-menu,
paper-menu-button.yt-dropdown-menu:hover #label-icon.yt-dropdown-menu svg,
paper-menu-button.yt-dropdown-menu:hover #icon-label.yt-dropdown-menu
{
color: var(--main-color) !important;
fill: var(--main-color) !important;
}
/*community*/
#message.ytd-message-renderer, #content-text.ytd-backstage-post-renderer,
#repost-content-text.ytd-shared-post-renderer
{
color: var(--dimmer-text) !important;
}
#author-text,
.more-button, .less-button,
.align-by-text.ytd-backstage-comments-renderer,
#toggle.ytd-grid-renderer,
#repost-author-text.yt-simple-endpoint.ytd-shared-post-renderer
{
color: var(--main-text) !important;
}
.more-button:hover, .less-button:hover,
.align-by-text.ytd-backstage-comments-renderer:hover,
#toggle.ytd-grid-renderer:hover,
#author-text.yt-simple-endpoint.ytd-backstage-post-renderer:hover,
#repost-author-text.yt-simple-endpoint.ytd-shared-post-renderer:hover
{
color: var(--main-color) !important;
}
#content-attachment.ytd-backstage-post-renderer ytd-video-renderer.ytd-backstage-post-renderer, /*normal video*/
#content-attachment.ytd-backstage-post-renderer ytd-playlist-renderer.ytd-backstage-post-renderer, /*playlist*/
#content-attachment.ytd-post-renderer ytd-video-renderer.ytd-post-renderer, /*normal video, but in cards on home page*/
#content-attachment.ytd-post-renderer ytd-playlist-renderer.ytd-post-renderer /*playlist, but in cards on home page*/
{
background: var(--hover-background) !important;
}
#poll-votes.ytd-backstage-poll-renderer
{
background: transparent !important;
}
.vote-percentage.ytd-backstage-poll-renderer, .choice-text.ytd-backstage-poll-renderer,
#poll-choice-text.ytd-commentbox,
yt-icon.ytd-backstage-poll-renderer
{
color: var(--main-text) !important;
}
paper-item[selected].ytd-backstage-poll-renderer #progress-bar.ytd-backstage-poll-renderer
{
background: var(--main-color) !important;
}
/*about*/
.subheadline, #right-column .subheadline
{
color: var(--main-text) !important;
}
#description:not([class*="yt-music"]), #bio, #right-column > yt-formatted-string
{
color: var(--dimmer-text) !important;
}
#right-column > yt-formatted-string,
#description-container.ytd-channel-about-metadata-renderer, #bio-container.ytd-channel-about-metadata-renderer,
#photos-container.ytd-channel-about-metadata-renderer, #details-container.ytd-channel-about-metadata-renderer,
#links-container.ytd-channel-about-metadata-renderer
{
border-color: var(--hover-background) !important;
}
#link-list-container a
{
color: var(--main-color) !important;
}
#link-list-container:hover a
{
filter: brightness(110%);
}
/*private message*/
ytd-form-popup-renderer[dialog][dialog][dialog]
{
background: var(--main-background) !important;
}
#buttons.ytd-form-popup-renderer
{
border-color: var(--hover-background) !important;
}
ytd-toggle-menu-service-item-renderer
{
color: var(--main-text) !important;
}
ytd-toggle-menu-service-item-renderer:hover .style-scope.ytd-toggle-menu-service-item-renderer
{
color: var(--main-color) !important;
}
ytd-toggle-menu-service-item-renderer:hover
{
background: var(--hover-background) !important;
}
/*Video page*/
/*title*/
.title.ytd-video-primary-info-renderer yt-formatted-string.ytd-video-primary-info-renderer
{
color: var(--main-text) !important;
}
/*views*/
span.yt-view-count-renderer, span.ytd-video-view-count-renderer
{
color: var(--dimmer-text) !important;
}
/*published date*/
#date.ytd-video-primary-info-renderer
{
color: var(--dimmer-text) !important;
}
ytd-video-primary-info-renderer
{
border-color: var(--hover-background) !important;
}
.content-text.ytd-metadata-with-image-row-renderer
{
color: var(--main-text) !important;
}
/*Share*/
paper-dialog, tp-yt-paper-dialog
{
background: var(--main-background) !important;
}
#share-url
{
color: var(--main-text) !important;
}
#copy-button:hover #text
{
color: var(--main-color) !important;
}
#bar.yt-copy-link-renderer
{
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
ytd-third-party-network-section-renderer ytd-copy-link-renderer.ytd-third-party-network-section-renderer,
yt-start-at-renderer.yt-third-party-network-section-renderer
{
border-color: var(--hover-background) !important;
}
yt-formatted-string.yt-start-at-renderer,
#text.ytd-sender-id-section-renderer
{
color: var(--main-text) !important;
}
/*share embed*/
#embed-panel.yt-sharing-embed-renderer
{
background: var(--second-background) !important;
}
#close-panel-icon.yt-sharing-embed-renderer
{
color: var(--main-text) !important;
}
#close-panel-icon.yt-sharing-embed-renderer:hover
{
color: var(--main-color) !important;
}
#title-bar.yt-sharing-embed-renderer,
#additional-info.yt-sharing-embed-renderer,
#action-buttons.yt-sharing-embed-renderer
{
border-color: var(--hover-background) !important;
}
#privacy-mode-info.yt-sharing-embed-renderer
{
color: var(--dimmer-text) !important;
}
/*search for people*/
#to-field-header.ytd-contact-search-renderer
{
color: var(--dimmer-text) !important;
}
#name.ytd-suggested-contact-renderer
{
color: var(--main-text) !important;
}
/*Make a clip*/
#container.yt-clip-creation-renderer
{
background-color: transparent !important;
}
input.yt-clip-creation-scrubber-renderer /*time*/
{
border-color: var(--dimmer-text) !important;
}
#handles.yt-clip-creation-scrubber-view /*preview*/
{
border-color: var(--main-color) !important;
}
.handle.yt-clip-creation-scrubber-view /*preview*/
{
background-color: var(--main-color) !important;
}
/*buttons*/
#footer.yt-clip-creation-renderer
{
background-color: var(--second-background) !important;
}
yt-clip-section-renderer yt-button-renderer.style-primary[is-paper-button],
yt-clip-creation-renderer yt-button-renderer.style-primary[is-paper-button],
yt-clip-section-footer-renderer yt-button-renderer.style-primary[is-paper-button]
{
background-color: transparent !important;
}
yt-button-renderer.style-primary[disabled][is-paper-button] yt-formatted-string.yt-button-renderer
{
color: var(--dimmer-text) !important;
}
yt-button-renderer.yt-clip-creation-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled,
ytd-button-renderer.ytd-clip-section-footer-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
}
/*Join this channel panel > Join button,
Settings > Advanced settings > Copy button*/
yt-button-renderer.ytd-sponsorships-tier-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled,
yt-button-renderer.yt-copy-link-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled
{
background-color: var(--main-color) !important;
}
/*Playlist creation*/
#subtext.yt-live-chat-message-renderer,
#label.yt-live-chat-text-input-field-renderer, .input-content.paper-input-container input,
.input-content.paper-input-container textarea, .input-content.paper-input-container iron-autogrow-textarea,
.input-content.paper-input-container .paper-input-input
{
color: var(--dimmer-text) !important;
}
.add-on-content.is-highlighted.paper-input-container *, paper-input-char-counter
{
color: var(--dimmer-text) !important;
}
/*Video cards*/
/*ttile*/
ytd-grid-video-renderer.use-ellipsis #details.ytd-grid-video-renderer a.ytd-grid-video-renderer,
ytd-compact-video-renderer.use-ellipsis #video-title.ytd-compact-video-renderer,
#video-title.ytd-video-renderer,
h3.ytd-playlist-renderer,
#video-title.ytd-child-video-renderer, #length.ytd-child-video-renderer,
#video-title, #unplayableText, #length, #details
{
color: var(--main-text) !important;
}
#items.yt-horizontal-list-renderer > .yt-horizontal-list-renderer:hover a.ytd-grid-video-renderer,
ytd-compact-video-renderer:hover #video-title.ytd-compact-video-renderer,
ytd-video-renderer:hover #video-title.ytd-video-renderer,
ytd-playlist-renderer:hover h3.ytd-playlist-renderer,
#content.ytd-playlist-video-renderer:hover #video-title,
a.yt-simple-endpoint.ytd-playlist-panel-video-renderer:hover #video-title,
a.yt-simple-endpoint.ytd-playlist-panel-video-renderer:hover #unplayableText,
.style-scope.ytd-grid-renderer.use-ellipsis:hover #video-title,
#video-title:hover,
ytd-grid-video-renderer:hover #video-title.yt-simple-endpoint.ytd-grid-video-renderer
{
color: var(--main-color) !important;
}
/*author*/
yt-formatted-string[ellipsis-truncate] a.yt-formatted-string:last-child, #byline.ytd-video-meta-block,
#channel-title.ytd-channel-renderer span.ytd-channel-renderer,
#text.ytd-channel-name
{
color: var(--main-color) !important;
}
/*metadata*/
#metadata-line.ytd-grid-video-renderer, #metadata-line.ytd-video-meta-block span.ytd-video-meta-block,
#metadata.ytd-channel-renderer, #description.ytd-channel-renderer,
#thumbnail-attribution.ytd-grid-channel-renderer
{
color: var(--dimmer-text) !important;
}
/*2022 Nov like button*/
/*not liked yet*/
yt-animated-icon[animated-icon-type="LIKE"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),
yt-animated-icon[animated-icon-type="LIKE"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(4) > path:nth-child(1)
{
stroke: var(--main-text) !important;
}
/*liked*/
yt-animated-icon[animated-icon-type="LIKE"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(1),
yt-animated-icon[animated-icon-type="LIKE"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(1)
{
fill: var(--main-color) !important;
}
yt-animated-icon[animated-icon-type="LIKE"]> ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(2),
yt-animated-icon[animated-icon-type="LIKE"]> ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(2)
{
stroke: var(--main-color) !important
}
/*on shorts - so here is filled by default, thus above I am using main-color instead to keep it consistent*/
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled > div > yt-icon > svg > g > path
{
fill: var(--main-color) !important;
}
/*description and other metadata*/
ytd-watch-metadata[modern-metapanel] #description.ytd-watch-metadata
{
background: var(--second-background) !important;
/*--yt-spec-button-chip-background-hover*/
}
ytd-watch-metadata[clickable-description][description-collapsed] #description.ytd-watch-metadata:hover
{
background: var(--hover-background) !important;
/*--yt-spec-badge-chip-background*/
}
ytd-watch-metadata[modern-metapanel] #description.ytd-watch-metadata .yt-simple-endpoint.style-scope.yt-formatted-string
{
color: var(--main-color) !important;
}
/*show more / less*/
#expand.ytd-text-inline-expander:hover, #collapse.ytd-text-inline-expander:hover
{
color: var(--main-color) !important;
}
/*Recommandation page*/
/*author*/
#title.ytd-shelf-renderer
{
color: var(--main-color) !important;
}
#title-annotation.ytd-shelf-renderer
{
color: var(--dimmer-text) !important;
}
a.yt-simple-endpoint.yt-formatted-string:only-of-type:hover
{
color: var(--main-color) !important;
}
a.yt-simple-endpoint.yt-formatted-string:only-of-type
{
color: var(--main-text) !important;
}
/*Borders*/
#contents.ytd-section-list-renderer > .ytd-section-list-renderer:not(:last-child):not(ytd-page-introduction-renderer)
{
border-color: var(--hover-background) !important;
}
/*Next and prev buttons*/
.arrow.yt-horizontal-list-renderer,
#scroll-button-forward,
.arrow.ytd-horizontal-card-list-renderer,
.ytd-horizontal-card-list-renderer[arrow],
.scroll-button.yt-third-party-share-target-section-renderer /*share link*/
{
background-color: var(--hover-background) !important;
}
/*For the outline around the channel name*/
.style-scope.ytd-comment-renderer.creator
{
background-color: var(--main-color) !important;
}
.style-scope.ytd-comment-renderer.creator:hover
{
background-color: var(--hover-background) !important;
}
#name.ytd-author-comment-badge-renderer
{
color: var(--main-text) !important;
}
#name:hover
{
color: var(--main-color) !important;
}
/*Accounts*/
yt-formatted-string.ytd-account-item-section-header-renderer a
{
color: var(--dimmer-text) !important;
}
.style-scope.ytd-account-item-section-renderer:hover #channel-title.ytd-account-item-renderer
{
color: var(--main-color) !important;
}
app-drawer.ytd-app:not([persistent]) #header.ytd-app
{
border-color: var(--main-color) !important;
}
/*How is youtube today*/
ytd-single-option-survey-renderer[dialog][dialog][dialog], ytd-single-option-survey-renderer,
ytd-survey-follow-up-renderer[dialog][dialog][dialog], ytd-survey-follow-up-renderer,
ytd-checkbox-survey-renderer[dialog][dialog][dialog]
/*TODO: forgot to test if the [dialog] is even needed*/
{
background-color: var(--hover-background) !important;
box-shadow: var(--shadow) !important;
}
#header.ytd-single-option-survey-renderer,
#header.ytd-survey-follow-up-renderer,
#header.ytd-checkbox-survey-renderer
{
color: var(--main-color) !important;
}
ytd-single-option-survey-option-renderer,
#checkboxLabel.paper-checkbox
{
color: var(--main-text) !important;
}
ytd-single-option-survey-option-renderer:hover
{
background-color: var(--hover-background) !important;
}
/*rate a video to improve youtube*/
#star-survey.ytd-inline-survey-renderer,
.survey-wrapper.ytd-inline-survey-renderer
{
background-color: var(--second-background) !important;
}
#inline-survey-compact-video-renderer.ytd-inline-survey-renderer
{
background-color: var(--hover-background) !important;
}
ytd-primetime-promo-renderer.ytd-rich-section-renderer, ytd-inline-survey-renderer.ytd-rich-section-renderer
{
border-color: var(--hover-background) !important;
}
#follow-up-survey.ytd-inline-survey-renderer
{
border-left: 4px solid var(--hover-background) !important;
}
/*submit button*/
#submit-btn-footer.ytd-inline-survey-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled
{
background-color: var(--main-color) !important;
}
/*not sure tell us why followup*/
#title.ytd-inline-survey-renderer, #follow-up-title.ytd-inline-survey-renderer,
#selected-response-text.ytd-rating-survey-renderer
{
color: var(--main-color) !important;
}
/*checkboxes cards*/
tp-yt-paper-checkbox.ytd-checkbox-survey-option-renderer
{
background-color: var(--hover-background) !important;
}
/*background and close button*/
ytd-inline-survey-renderer[expanded] #dismissable.ytd-inline-survey-renderer,
#dismiss-button.ytd-inline-survey-renderer
{
background-color: var(--second-background) !important;
}
paper-checkbox.ytd-checkbox-survey-option-renderer
{
background-color: var(--hover-background) !important;
}
/*thanks*/
#dismissed.ytd-inline-survey-renderer ytd-message-renderer.ytd-inline-survey-renderer
{
background-color: var(--hover-background) !important;
}
/*info warning - covid19*/
ytd-clarification-renderer
{
background-color: var(--hover-background) !important;
}
ytd-clarification-renderer[has-action-button] .content.ytd-clarification-renderer,
ytd-clarification-renderer[background-style="info"]
{
border-color: var(--hover-background) !important;
}
.content-title.ytd-clarification-renderer
{
color: var(--main-text) !important;
}
ytd-clarification-renderer[clarify-style="medium"] .description.ytd-clarification-renderer
{
color: var(--dimmer-text) !important;
}
.source.ytd-clarification-renderer
{
color: var(--main-color) !important;
}
ytd-clarification-renderer yt-button-renderer.style-suggestive[is-paper-button] paper-button.yt-button-renderer
{
border-color: var(--main-color) !important;
}
/*Change subtitles settings tooltip*/
.ytp-promotooltip-container
{
background-color: var(--hover-background) !important;
box-shadow: var(--shadow) !important;
color: var(--main-text) !important;
}
.ytp-promotooltip-pointer
{
border-color: var(--hover-background) !important;
}
/*You are not logged in tooltip*/
#tooltip.tp-yt-paper-tooltip,
yt-tooltip-renderer
{
background-color: var(--hover-background) !important;
box-shadow: var(--shadow) !important;
color: var(--main-text) !important;
}
yt-tooltip-renderer::before
{
border-color: transparent transparent var(--hover-background) transparent !important;
}
/*Join button tooltip*/
yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]
{
background-color: var(--second-background) !important;
box-shadow: var(--shadow) !important;
}
yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] #text.yt-bubble-hint-renderer:not(:empty),
yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] #details-text.yt-bubble-hint-renderer
{
background-color: var(--second-background) !important;
}
yt-bubble-hint-renderer[position-type="OPEN_POPUP_POSITION_LEFT"][style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]::before
{
border-color: transparent transparent transparent var(--second-background) !important;
}
/*window*/
ytd-sponsorships-offer-renderer[dialog][dialog][dialog]
{
background-color: var(--main-background) !important;
}
#background-image-layer.ytd-sponsorships-offer-renderer
{
background-image: unset !important;
background-color: var(--hover-background) !important;
}
/*title*/
#top-bar.ytd-sponsorships-offer-renderer
{
color: var(--main-text) !important;
}
/*price*/
#above-purchase-button-text.ytd-sponsorships-tier-renderer
{
color: var(--main-color) !important;
}
/*fine print*/
.disclaimer.ytd-sponsorships-tier-renderer
{
color: var(--main-text) !important;
}
/*Super Thanks donations*/
ytd-pdg-buy-flow-renderer
{
background-color: var(--main-background) !important;
}
/*remove white image in the header*/
yt-pdg-buy-flow-header-renderer
{
background: transparent !important;
}
#container.ytd-pdg-comment-preview-renderer
{
border-color: var(--hover-background) !important;
}
#container.ytd-pdg-comment-preview-renderer:focus-within
{
border-color: var(--main-color) !important;
}
/*bonus*/
#title-background.ytd-pdg-comment-preview-renderer
{
background-color: var(--hover-background) !important;
}
/*Progress bar*/
#progress
{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
}
yt-page-navigation-progress
{
background-color: transparent !important;
}
/*Button tooltips*/
#tooltip.paper-tooltip
{
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
}
/*Active grid icon*/
button.ytd-button-renderer[is="paper-icon-button-light"][disabled]
{
color: rgb(255,255,255) !important;
}
/*2022 Nov changes*/
/*subscribe button*/
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled,
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal, /*NOTE: this affects other material buttons - I would say desired effect*/
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled, .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:hover, /*on shorts*/
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal, .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal:hover, /*on shorts*/
.ytp-sb-subscribe, a.ytp-sb-subscribe /*in cards... why yt why*/
{
background-color: var(--second-background) !important;
border-color: var(--second-background) !important;
box-shadow: var(--shadow) !important;
color: var(--main-text) !important;
}
/*unsubscribe confirm dialog*/
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text
{
color: var(--main-color) !important;
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover
{
background-color: var(--yt-spec-10-percent-layer) !important;
}
/*join button*/
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal[aria-label="Join this channel"],
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled /*in window*/
{
background-color: var(--second-background) !important;
border-color: var(--second-background) !important;
}
/*comment button*/
ytd-button-renderer#submit-button.ytd-commentbox .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
}
/*download panel > get trial button*/
/*share panel > copy button*/
ytd-offline-promo-renderer.ytd-popup-container yt-button-renderer#action-button .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled,
yt-third-party-network-section-renderer.ytd-unified-share-panel-renderer yt-button-renderer#copy-button .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
}
/*Thanks panel > "Buy and Send" button*/
/*Thanks panel > About Super Thanks panel > "Got it" button*/
ytd-button-renderer#buy-button.yt-super-vod-buy-flow-content-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled,
yt-button-renderer#confirm-button.yt-confirm-dialog-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
}
/*Toast notification*/
yt-notification-action-renderer yt-button-renderer.yt-notification-action-renderer .yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text
{
color: var(--main-color) !important;
}
/*Toast notification hover*/
yt-notification-action-renderer yt-button-renderer.yt-notification-action-renderer .yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text:hover
{
background-color: var(--main-background) !important;
}
if join-color /*overwriting the above*/
{
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal[aria-label="Join this channel"]
{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
}
}
if subscribe-color /*overwriting the above*/
{
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled,
.yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled, .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:hover, /*on shorts*/
.ytp-sb-subscribe, a.ytp-sb-subscribe /*in cards*/
{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
}
}
ytd-button-renderer.style-primary[is-paper-button]
{
background-color: transparent !important;
}
/*Sponsor button*/
ytd-modal-with-title-and-button-renderer
{
background: var(--second-background) !important;
}
#content.ytd-modal-with-title-and-button-renderer
{
color: var(--dimmer-text) !important;
}
.buttons.ytd-modal-with-title-and-button-renderer
{
border-color: var(--hover-background) !important;
}
/*sponsor popup*/
#sponsor-button.ytd-membership-offer-renderer ytd-button-renderer.ytd-membership-offer-renderer
{
background-color: var(--main-color) !important;
}
#sponsor-button.ytd-membership-offer-renderer ytd-button-renderer.ytd-membership-offer-renderer:hover
{
filter: brightness(110%) !important;
}
#header.ytd-membership-offer-renderer
{
background: var(--main-background) !important;
}
ytd-perks-section-renderer, ytd-membership-offer-renderer[dialog][dialog][dialog],
paper-dialog-scrollable.can-scroll:not(.scrolled-to-bottom):not(:last-child)::after,
paper-dialog-scrollable.is-scrolled:not(:first-child)::before
{
background: var(--second-background) !important;
}
.extra-content.ytd-offer-perk-extra
{
border-color: var(--hover-background) !important;
background: var(--hover-background) !important;
color: var(--dimmer-text) !important;
}
.footer.ytd-membership-offer-renderer
{
background: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
ytd-membership-offer-renderer *
{
border-color: var(--hover-background) !important;
}
.price.ytd-membership-offer-renderer
{
color: var(--main-color) !important;
}
.style-title.ytd-offer-text-item, .style-subtitle.ytd-offer-text-item,
.payment-clause.ytd-membership-offer-renderer
{
color: var(--main-text) !important;
}
.perk-item-title.ytd-perk-item-renderer, .perk-item-public-description.ytd-perk-item-renderer
{
color: var(--dimmer-text) !important;
}
/*Edit button in channel page*/
#edit-buttons.ytd-c4-tabbed-header-renderer ytd-button-renderer.ytd-c4-tabbed-header-renderer
{
background-color: transparent !important;
}
/*Toggle button to play next*/
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button
{
background-color: var(--main-color) !important;
opacity: 0.9 !important;
}
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button
{
--paper-toggle-button-checked-button-color: rgb(255,255,255) !important;
}
/*Hover for toggle button*/
.toggle-button.paper-toggle-button:hover,paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button:hover
{
background-color: var(--main-color) !important;
}
yt-bubble-hint-renderer
{
background: var(--hover-background) !important;
}
yt-bubble-hint-renderer::after
{
border-top-color: var(--second-background) !important;
}
#text.yt-bubble-hint-renderer
{
background: var(--hover-background) !important;
color: var(--main-text) !important;
}
#details-text.yt-bubble-hint-renderer
{
background: var(--hover-background) !important;
color: var(--dimmer-text) !important;
}
.buttons.yt-bubble-hint-renderer
{
border-color: var(--hover-background) !important;
}
/*Filter active*/
paper-button.ytd-toggle-button-renderer
{
color: rgba(255, 255, 255, 0.5) !important;
}
/*Badges*/
.badge-style-type-simple.ytd-badge-supported-renderer,.badge-style-type-disabled.ytd-badge-supported-renderer, yt-icon.ytd-badge-supported-renderer
{
background: transparent !important;
color: var(--main-color) !important;
padding-left: 0px !important;
opacity: .7 !important;
}
.badge-style-type-simple-strikethrough.ytd-badge-supported-renderer
{
color: var(--dimmer-text) !important;
}
/*Trending badge*/
.badge-style-type-featured.ytd-badge-supported-renderer
{
background: var(--main-color) !important;
}
/*Author verified badge in comments*/
ytd-author-comment-badge-renderer:not(.creator) #icon.ytd-author-comment-badge-renderer
{
fill: var(--main-color) !important;
}
/*Live now badge*/
.badge-style-type-live-now.ytd-badge-supported-renderer,
.badge-style-type-live-now-alternate.ytd-badge-supported-renderer
{
color: var(--main-color) !important;
background: transparent !important;
border-color: var(--main-color) !important;
}
/*Premium*/
.badge-style-type-red.ytd-badge-supported-renderer
{
color: #DA4453 !important;
background: transparent !important;
border-color: var(--main-color) !important;
}
/*Series name*/
.badge-style-type-collection.ytd-badge-supported-renderer
{
color: var(--main-color) !important;
}
.yt-simple-endpoint.style-scope.yt-formatted-string
{
color: var(--dimmer-text) !important;
}
/*video hashtags & links in settings page*/
#super-title .yt-simple-endpoint.style-scope.yt-formatted-string,
ytd-section-list-renderer[page-subtype="WEB_PAGE_TYPE_SETTINGS"] .yt-simple-endpoint.style-scope.yt-formatted-string
{
color: var(--main-color) !important;
}
/*panel links*/
tp-yt-paper-dialog.ytd-popup-container .yt-simple-endpoint.style-scope.yt-formatted-string
{
color: var(--main-color) !important;
}
/*Dropdown*/
.dropdown-content.style-scope.ytd-popup-container > *,
tp-yt-paper-listbox, ytd-menu-popup-renderer
{
background: var(--second-background) !important;
color: var(--main-text) !important;
}
ytd-menu-service-item-renderer:hover, a.ytd-menu-navigation-item-renderer:hover,
tp-yt-paper-listbox.yt-dropdown-menu .iron-selected.yt-dropdown-menu,
tp-yt-paper-listbox.yt-dropdown-menu tp-yt-paper-item.yt-dropdown-menu:hover,
ytd-menu-service-item-renderer[is-selected]
{
background: var(--hover-background) !important;
}
yt-formatted-string.ytd-menu-service-item-renderer, yt-formatted-string.ytd-menu-navigation-item-renderer
{
color: var(--main-text) !important;
}
ytd-menu-service-item-renderer:hover yt-formatted-string.ytd-menu-service-item-renderer,
a.ytd-menu-navigation-item-renderer:hover yt-formatted-string.ytd-menu-navigation-item-renderer,
tp-yt-paper-listbox a.yt-simple-endpoint.yt-dropdown-menu:hover .item.yt-dropdown-menu
{
color: var(--main-color) !important;
}
#owner-name.ytd-video-owner-renderer a
{
color: var(--main-color) !important;
opacity: .9;
}
/*share*/
#header.ytd-add-to-playlist-renderer
{
color: var(--main-text) !important;
}
#label.ytd-playlist-add-to-option-renderer, paper-item.ytd-compact-link-renderer
{
color: var(--dimmer-text) !important;
}
#header.ytd-add-to-playlist-renderer, #playlists.ytd-add-to-playlist-renderer
{
border-color: var(--hover-background) !important;
}
paper-item.ytd-compact-link-renderer:hover #label.ytd-compact-link-renderer,
paper-item.ytd-compact-link-renderer:hover yt-icon.ytd-compact-link-renderer
{
color: var(--main-color) !important;
fill: var(--main-color) !important;
}
ytd-playlist-add-to-option-renderer paper-checkbox:hover #label.ytd-playlist-add-to-option-renderer,
ytd-playlist-add-to-option-renderer paper-checkbox[checked] #label.ytd-playlist-add-to-option-renderer,
yt-icon.ytd-playlist-add-to-option-renderer
{
color: var(--main-color) !important;
}
/*Avatars and thumbnails opacity */
img.yt-img-shadow
{
opacity: 0.9 !important;
}
img.yt-img-shadow:hover
{
opacity: 1 !important;
}
/*Very specific hover for thumbnails*/
#dismissable.ytd-compact-video-renderer:hover img.yt-img-shadow, #items.yt-horizontal-list-renderer > .yt-horizontal-list-renderer:hover img.yt-img-shadow, #items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer:hover img.yt-img-shadow, ytd-video-renderer.ytd-item-section-renderer:hover img.yt-img-shadow, .style-scope.ytd-channel-featured-content-renderer:hover img.yt-img-shadow, #grid-container.ytd-expanded-shelf-contents-renderer > .ytd-expanded-shelf-contents-renderer:hover img.yt-img-shadow, ytd-playlist-video-renderer:hover img.yt-img-shadow, iron-list:not([grid]) #items.iron-list > *:hover img.yt-img-shadow
{
opacity: 1 !important;
}
/*Video section*/
/*2022 Nov*/
/*this seems to be only in dark mode? */
#cinematics.ytd-watch-flexy
{
display: none !important;
}
/*Video title hover in html5 video*/
.html5-video-player a:hover
{
color: var(--main-text) !important;
text-shadow: none !important;
}
/* Code takken from https://userstyles.org/styles/95280 */
/* scrubber button */
.html5-scrubber-button:hover, .ytp-chrome-controls .ytp-button[aria-pressed]::after, .ytp-scrubber-button:hover, .html5-video-player:not(.ytp-color-party) .ytp-swatch-background-color, .ytp-swatch-background-color-secondary
{
background: var(--main-color) !important;
}
/* progress bar */
.html5-video-player:not(.ytp-color-party) .html5-play-progress,
.html5-video-player:not(.ytp-color-party) .ytp-play-progress,
.progress-bar-played.ytd-progress-bar-line /* on shorts*/
{
background: var(--main-color) !important;
}
.ytp-volume-slider-track, .ytp-volume-slider-handle:before
{
background: var(--main-color) !important;
z-index: -117;
}
.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, .ytp-settings-button.ytp-3d-badge::after
{
background-color: var(--main-color) !important;
}
.ytp-swatch-color
{
color: var(--main-color) !important;
}
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox
{
background-color: var(--main-color) !important;
}
.ytp-chrome-controls .ytp-button.ytp-youtube-button:hover:not([aria-disabled="true"]):not([disabled]) .ytp-svg-fill-logo-tube-lozenge
{
fill: var(--main-color) !important;
}
.ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg, .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg
{
fill: var(--main-color) !important;
}
.ytp-large-play-button.ytp-button.ytp-red2:hover, .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button.ytp-button.ytp-red2
{
/*background-image: url(https://github.com/RaitaroH/YouTube-DeepDark/raw/master/YT_Images/large_play_button_hover_ringo-vfl7vEehF.png) !important;*/
background-image: url(https://s.ytimg.com/yts/img/large_play_button_ringo-vfljWXIdx.png) !important;
filter: invert(100%) brightness(300%);
}
.resume-playback-progress-bar
{
background: var(--main-color) !important;
}
/*Added because of this: https://forum.userstyles.org/discussion/53368/solved-fix-this-annoying-youtube-tab-select-bug-thats-been-there-forever#latest*/
.ytp-keyboard-focus .ytp-progress-bar:focus
{
box-shadow: none !important;
}
/*Video menu - might have issues with lighter colors*/
.ytp-popup
{
background: var(--second-background) !important;
opacity: .9 !important;
}
.ytp-menuitem:hover:not([aria-disabled="true"])
{
background-color: var(--hover-background) !important;
}
/*Text*/
.iv-branding .iv-branding-context-name, .ytp-menuitem-label, .ytp-menuitem-label-count, .ytp-menuitem-content, .ytp-menu-label-secondary, .ytp-panel-header
{
color: var(--main-text) !important;
text-shadow: none !important;
}
/*Keyboard focus*/
.ytp-probably-keyboard-focus .ytp-menuitem:focus .ytp-menuitem-content, .ytp-probably-keyboard-focus .ytp-menuitem:focus .ytp-menuitem-label
{
box-shadow: inset -2px -2px 0 var(--main-color),inset 0 2px 0 var(--main-color) !important;
}
.ytp-probably-keyboard-focus .ytp-button:focus
{
box-shadow: inset 0 0 0 2px var(--main-color) !important;
}
.ytp-probably-keyboard-focus .ytp-progress-bar:focus
{
box-shadow: 0 0 0 2px var(--main-color) !important;
}
/*Miniplayer*/
#info-bar.ytd-miniplayer .metadata.ytd-miniplayer,
#info-bar.ytd-miniplayer
{
background-color: var(--main-background) !important;
}
#info-bar.ytd-miniplayer .channel.ytd-miniplayer
{
color: var(--main-color) !important;
}
.ytd-miniplayer .ytp-button:not([aria-disabled="true"]):not([disabled]):not([aria-hidden="true"]):hover svg path
{
fill: var(--main-color) !important;
}
/*added to queue*/
ytd-miniplayer-toast[opened]
{
background-color: var(--second-background) !important;
}
#label.ytd-miniplayer-toast
{
color: var(--main-color) !important;
}
/*queue / playlist panel closed*/
ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .title.ytd-playlist-panel-renderer,
ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] #next-video-title.ytd-playlist-panel-renderer
{
color: var(--main-text) !important;
}
ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .byline-title.ytd-playlist-panel-renderer,
ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .publisher.ytd-playlist-panel-renderer,
ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .publisher.ytd-playlist-panel-renderer:not([is-empty]).ytd-playlist-panel-renderer + .index-message-wrapper.ytd-playlist-panel-renderer::before,
ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .index-message-wrapper.ytd-playlist-panel-renderer
{
color: var(--main-color) !important;
}
/*Watch later svg*/
.style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover
{
fill: var(--main-color) !important;
}
ytd-thumbnail-overlay-toggle-button-renderer:focus yt-icon.ytd-thumbnail-overlay-toggle-button-renderer
{
outline-color: var(--main-color) !important;
}
/*This channel is watched by others*/
ytd-thumbnail-overlay-endorsement-renderer
{
background-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
/*Popup for when you hover over the channel avatar in the video*/
.iv-branding .branding-context-container-inner
{
background-color: var(--main-background) !important;
}
/*Changing icon for unavailable video*/
#img.ytd-player-error-message-renderer
{
display: block !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
background: url(https://github.com/RaitaroH/YouTube-DeepDark/raw/master/YT_Images/404.png) no-repeat !important;
width: 140px !important;
height: 100px !important;
padding-left: 140px !important;
position: relative !important;
}
/*Changing icon for unavailable page (404)*/
#error-page-hh-illustration
{
display: block !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
background: url(https://github.com/RaitaroH/YouTube-DeepDark/raw/master/YT_Images/404.png) no-repeat !important;
width: 140px !important;
height: 100px !important;
padding-left: 140px !important;
right: -175px !important;
position: relative !important;
}
/*Some spacing for the logo*/
#yt-masthead #logo-container
{
margin-right: 20px !important;
}
/*consent page (cookie page)*/
/*cookies consent dialog*/
ytd-consent-bump-v2-lightbox ytd-button-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled
{
color: var(--main-color) !important;
}
ytd-consent-bump-v2-lightbox[darker-dark-theme] .loading-overlay.ytd-consent-bump-v2-lightbox
{
background: var(--hover-background) !important;
}
/*Border color for terms and conditions*/
ytd-consent-bump-renderer
{
border-bottom: 1px solid var(--main-color) !important;
}
/*New logo*/
#logo-icon-container.ytd-topbar-logo-renderer svg g path[fill*="#FF0000"],
ytd-topbar-logo-renderer.style-scope a svg > g > g:nth-child(1) > path:nth-child(1),
/*cookie version*/
svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) > g:nth-child(1) > path:nth-child(1)
{
fill: var(--main-color) !important;
}
ytd-topbar-logo-renderer.style-scope a svg > g > g:nth-child(1) > path:nth-child(2),
/*cookie version*/
g.ytd-consent-bump-v2-lightbox:nth-child(2) > g:nth-child(1) > *
{
fill: var(--main-text) !important;
}
ytd-topbar-logo-renderer.style-scope a svg > g > g:nth-child(2) > g,
#country-code.ytd-topbar-logo-renderer
{
color: var(--main-text) !important;
}
/*Logo hover*/
#logo-icon:hover
{
--yt-swatch-logo-override: var(--main-color) !important;
}
/*Rewind logo*/
#animated-yoodle
{
filter: invert(90%) grayscale(1);
}
/*Playlist page*/
/*sidebar*/
ytd-playlist-sidebar-renderer
{
background-color: var(--hover-background) !important;
}
#stats.ytd-playlist-sidebar-primary-info-renderer,
#description.ytd-playlist-sidebar-primary-info-renderer .bold.yt-formatted-string,
#owner-sub-count.ytd-video-owner-renderer
{
color: var(--dimmer-text) !important;
}
#items.ytd-playlist-sidebar-renderer > .ytd-playlist-sidebar-renderer:not(:last-child)
{
border-color: var(--hover-background) !important;
}
#primary.ytd-two-column-browse-results-renderer
{
background-color: var(--main-background) !important;
}
ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer
{
color: var(--dimmer-text) !important;
}
#content.ytd-playlist-video-renderer
{
border-color: var(--hover-background) !important;
}
/*buttons*/
ytd-playlist-sidebar-renderer ytd-toggle-button-renderer.style-suggestive[is-paper-button],
ytd-playlist-sidebar-renderer paper-button.ytd-toggle-button-renderer
{
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
a.yt-simple-endpoint.ytd-button-renderer:hover *,
ytd-playlist-sidebar-renderer ytd-button-renderer #button.ytd-button-renderer:hover,
ytd-playlist-sidebar-renderer ytd-button-renderer #button.ytd-button-renderer:hover > yt-formatted-string.ytd-button-renderer
{
color: var(--main-color) !important;
}
/*playlist page*/
ytd-browse[page-subtype="playlist"] ytd-two-column-browse-results-renderer.ytd-browse
{
background-color: var(--main-background) !important;
}
.index-message.ytd-playlist-panel-renderer,
.light-text.ytd-playlist-segment-renderer,
#contributor.ytd-playlist-video-renderer
{
color: var(--dimmer-text) !important;
}
#title-container.ytd-playlist-segment-renderer
{
border-color: var(--hover-background) !important;
}
#title-container.ytd-playlist-segment-renderer:hover #title.ytd-playlist-segment-renderer
{
color: var(--main-color) !important;
}
/*Playlist changes*/
ytd-playlist-panel-video-renderer:hover
{
background-color: var(--hover-background) !important;
}
ytd-playlist-panel-video-renderer[selected] #index.ytd-playlist-panel-video-renderer,#byline.ytd-playlist-panel-video-renderer,.ytp-video-menu-item[aria-checked="true"] .ytp-video-menu-item-now-playing,.ytp-video-menu-item-author
{
color: var(--main-color) !important;
}
ytd-playlist-video-renderer:hover,
ytd-playlist-video-renderer:hover:not(.dragging)
{
background-color: var(--second-background) !important;
}
ytd-playlist-panel-video-renderer[selected][use-color-palette], ytd-playlist-panel-video-renderer[selected][use-color-palette]:hover:not(.dragging)
{
background-color: var(--hover-background) !important;
}
.header.ytd-playlist-panel-renderer,.playlist-items.ytd-playlist-panel-renderer,
#header.ytd-engagement-panel-title-header-renderer,
#content.ytd-engagement-panel-section-list-renderer,
ytd-transcript-footer-renderer, ytd-transcript-segment-list-renderer
{
background-color: var(--second-background) !important;
}
.cue.ytd-transcript-body-renderer,
.cue-group-start-offset.ytd-transcript-body-renderer
{
color: var(--dimmer-text) !important;
}
.cue-group.active.ytd-transcript-body-renderer
{
border-left-color: var(--main-color) !important;
background-color: var(--hover-background) !important;
}
.cue-group.active.ytd-transcript-body-renderer .cue-group-start-offset.ytd-transcript-body-renderer,
.cue.ytd-transcript-body-renderer.active
{
color: var(--main-text) !important;
}
.cue-group.ytd-transcript-body-renderer:hover .cue-group-start-offset.ytd-transcript-body-renderer,
.cue-group.ytd-transcript-body-renderer:hover .cue.ytd-transcript-body-renderer
{
color: var(--main-color) !important;
}
.cue.ytd-transcript-body-renderer:hover, ytd-transcript-body-renderer:not([refresh]) .cue.active.ytd-transcript-body-renderer
{
background-color: transparent !important;
color: var(--main-color) !important
}
.segment-timestamp.ytd-transcript-segment-renderer
{
background-color: var(--hover-background) !important;
color: var(--main-color) !important
}
/*search transcript*/
ytd-transcript-search-panel-renderer,
ytd-transcript-search-box-renderer
{
background-color: var(--second-background) !important;
}
.input-container.ytd-transcript-search-box-renderer
{
background-color: var(--hover-background) !important;
}
/*magnifing glass icon*/
.icon.ytd-transcript-search-box-renderer
{
--iron-icon-fill-color: var(--dimmer-text) !important;
--iron-icon-stroke-color: var(--dimmer-text) !important;
}
#transcript-search-box-input.ytd-transcript-search-box-renderer
{
color: var(--main-text) !important;
caret-color: var(--main-color) !important;
}
.ytp-video-menu-item[aria-checked="true"] .ytp-video-menu-item-thumbnail
{
border-color: var(--main-color) !important;
}
#index.ytd-playlist-video-renderer, #index.ytd-playlist-panel-video-renderer,
.badge-style-type-medium-grey.ytd-badge-supported-renderer /*unlisted*/
{
color: var(--dimmer-text) !important;
}
#container.ytd-playlist-panel-renderer
{
border-color: var(--second-background) !important;
}
/*Playlist creation*/
#create-playlist-form .input-content.paper-input-container label
{
color: var(--main-text) !important;
}
#create-playlist-form input.style-scope.paper-input::placeholder
{
color: var(--dimmer-text) !important;
}
#create-playlist-form .underline.is-highlighted.paper-input-container .focused-line.paper-input-container
{
border-bottom-color: var(--main-text) !important;
}
#create-playlist-form #label.ytd-privacy-dropdown-item-renderer
{
color: var(--main-text) !important;
}
#create-playlist-form ytd-privacy-dropdown-item-renderer.iron-selected
{
background-color: var(--hover-background) !important;
}
/*Chapters*/
/*title*/
h4.ytd-macro-markers-list-item-renderer
{
color: var(--main-text) !important;
}
/*timestamp*/
#time.ytd-macro-markers-list-item-renderer
{
color: var(--main-color) !important;
background-color: transparent !important;
padding: 0px !important;
}
/*show current chapter*/
#sync-button.ytd-macro-markers-list-renderer
{
background-color: var(--main-background) !important;
color: var(--main-text) !important;
}
#sync-button.ytd-macro-markers-list-renderer:hover
{
color: var(--main-color) !important;
}
/*active indicators*/
ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer
{
outline-color: var(--main-color) !important;
}
#active-indicator.ytd-macro-markers-list-item-renderer
{
background-color: var(--main-color) !important;
}
/*hover for item*/
ytd-macro-markers-list-item-renderer:hover, ytd-macro-markers-list-item-renderer[active]
{
background-color: var(--hover-background) !important;
}
ytd-macro-markers-list-item-renderer:hover
{
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
}
ytd-macro-markers-list-item-renderer:hover h4.ytd-macro-markers-list-item-renderer
{
color: var(--main-color) !important;
}
/*chapter images in description*/
ytd-macro-markers-list-item-renderer[active][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"]
{
border-color: var(--main-color) !important;
}
ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer:not(:first-child),
ytd-metadata-row-container-renderer.ytd-structured-description-content-renderer:not(:first-child),
ytd-structured-description-content-renderer[inline-structured-description] ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer
{
border-color: var(--hover-background) !important;
}
/*chapter times in search description*/
.metadata-snippet-container-one-line.ytd-video-renderer #time.ytd-video-renderer
{
color: var(--main-color) !important;
background: var(--second-background) !important;
}
/*chapter metadata in search results*/
ytd-expandable-metadata-renderer
{
/*this is used on hover, might as well*/
background-color: var(--yt-spec-badge-chip-background) !important;
}
/*expanded chapters in search results*/
ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"]
{
border-color: var(--second-background) !important;
}
/*chapter buttons button, 🔁 and close*/
ytd-engagement-panel-section-list-renderer .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text yt-icon {
fill: var(--dimmer-text) !important;
stroke: var(--dimmer-text) !important;
}
/*Search bar*/
ytd-searchbox[mode="legacy"] #container.ytd-searchbox, ytd-searchbox[mode="material-centered"] #container.ytd-searchbox,
ytd-searchbox[mode="legacy"] #container.ytd-searchbox, ytd-searchbox[mode="legacy-centered"] #container.ytd-searchbox,
#container.ytd-searchbox,
#masthead-search-terms /*account settings page*/
{
background: var(--main-background) !important;
border-color: var(--main-background) !important;
box-shadow: none !important;
}
ytd-searchbox[mode="legacy"] #container.ytd-searchbox:hover, ytd-searchbox[mode=legacy][has-focus] #container.ytd-searchbox, ytd-searchbox[mode="material-left"] #container.ytd-searchbox, ytd-searchbox.style-scope[has-focus=""] #container.ytd-searchbox, ytd-searchbox[mode="material-centered"]:hover #container.ytd-searchbox,
#masthead-search-terms.masthead-search-terms-border /*error page*/
{
border: 1px solid var(--main-color) !important;
box-shadow: none !important;
}
ytd-searchbox[mode="legacy"] #container.ytd-searchbox input.ytd-searchbox,
#container.ytd-searchbox > input, ytd-searchbox input,
#masthead-search-terms.masthead-search-terms-border input /*error page*/
{
color: var(--main-text) !important;
}
/*Right search icon 🔎 */
#search-icon-legacy.ytd-searchbox,
#masthead-search .search-btn-component, #masthead-search .search-btn-component .start /*account*/
{
background: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
#search-icon-legacy.ytd-searchbox:hover yt-icon.ytd-searchbox
{
color: var(--main-color) !important;
}
#masthead-search .search-btn-component .yt-uix-button-content /*account*/
{
filter: invert(1);
}
/*left 🔎 icon - shown on focus*/
#search-icon.ytd-searchbox
{
color: var(--main-text) !important;
}
#search-icon.ytd-searchbox:hover, #search-icon.ytd-searchbox:hover
{
color: var(--main-color) !important;
}
/*results 🔎 icon*/
.sbqs_c::before
{
filter: invert(1);
}
/*Results backgrounds*/
.sbsb_a,.sbdd_b
{
background: var(--second-background) !important;
border: none !important;
}
/*Text color*/
.gsfs
{
color: var(--dimmer-text) !important;
}
/*Hover and keyboard select background*/
.sbsb_c.gsfs:hover,.sbsb_d
{
background-color: var(--hover-background) !important;
}
.sbfl_b
{
background-color: var(--second-background) !important;
}
.sbfl_b:hover
{
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
}
.sbpqs_a
{
color: var(--main-color) !important;
}
/*Keyboard select text color and hover text color*/
.sbsb_c:hover .sbqs_c,.sbsb_c.gsfs.sbsb_d .sbqs_c
{
color: var(--main-color) !important;
}
/*Keyboard icon in the search bar*/
#gs_ok50
{
filter: invert(100%);
}
/*Microphone search*/
ytd-masthead #voice-search-button.ytd-masthead
{
background-color: var(--hover-background) !important;
}
ytd-voice-search-dialog-renderer[dialog]
{
background-color: var(--second-background) !important;
}
#header-text.ytd-voice-search-dialog-renderer,
#microphone-label.ytd-voice-search-dialog-renderer,
#microphone.ytd-voice-search-dialog-renderer[state="try-again"] #microphone-circle.ytd-voice-search-dialog-renderer yt-icon.ytd-voice-search-dialog-renderer
{
color: var(--main-text) !important;
}
/*Search results correction*/
.style-scope.yt-search-query-correction
{
color: var(--main-text) !important;
}
.style-scope.yt-search-query-correction .italic.yt-formatted-string, .style-scope.yt-search-query-correction:hover
{
color: var(--main-color) !important;
}
/*Similar results*/
#title.ytd-exploratory-results-renderer
{
color: var(--dimmer-text) !important;
}
/*search results filter border*/
#filter-menu.ytd-search-sub-menu-renderer
{
border-color: var(--hover-background) !important;
}
#watch-card-header.ytd-generic-watch-card, #img-endpoint.ytd-watch-card-collage-renderer #overlay-button.ytd-watch-card-collage-renderer
{
background: var(--main-color) !important;
color: var(--main-text) !important;
}
paper-tab,
paper-tab.iron-selected.ytd-generic-watch-card
{
color: var(--main-color) !important;
}
paper-item:hover
{
background-color: var(--second-background) !important;
}
#img-endpoint.ytd-watch-card-collage-renderer #overlay-button.ytd-watch-card-collage-renderer
{
opacity: .9;
}
#img-endpoint.ytd-watch-card-collage-renderer #overlay-button.ytd-watch-card-collage-renderer:hover
{
opacity: 1 !important;
}
/*album*/
#watch-card-subtitle.ytd-watch-card-rich-header-renderer
{
color: var(--main-text) !important;
}
.duration.ytd-watch-card-compact-video-renderer
{
color: var(--dimmer-text) !important;
}
/*Buttom border for different fields*/
.unfocused-line.paper-input-container
{
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
.focused-line.paper-input-container
{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
}
/*Search page*/
#result-count.ytd-search-sub-menu-renderer
{
color: var(--dimmer-text) !important;
}
ytd-search-sub-menu-renderer, ytd-exploratory-results-renderer.ytd-item-section-renderer, ytd-shelf-renderer.ytd-item-section-renderer
{
border-color: var(--hover-background) !important;
}
/*no results*/
.promo-title.ytd-background-promo-renderer, .promo-body-text.ytd-background-promo-renderer
{
color: var(--main-text) !important;
}
/*show more*/
#more.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer, #all.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer
{
color: var(--main-text) !important;
}
#more.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer:hover,
#all.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer:hover
{
color: var(--main-color) !important;
}
ytd-search-filter-renderer yt-formatted-string.ytd-search-filter-renderer
{
color: var(--dimmer-text) !important;
}
ytd-search-filter-renderer.selected yt-formatted-string.ytd-search-filter-renderer, ytd-search-filter-renderer.selected #dismiss-x.ytd-search-filter-renderer, ytd-search-filter-renderer yt-formatted-string.ytd-search-filter-renderer:hover
{
color: var(--main-color) !important;
}
/*Search music suggestions*/
ytd-watch-card-rich-header-renderer
{
background: var(--hover-background) !important;
}
#overlay-button
{
background: var(--main-color) !important;
}
#overlay-button:hover
{
filter: brightness(110%) !important;
}
#watch-card-title, #view-all-endpoint:hover
{
color: var(--main-color) !important;
}
ytd-watch-card-compact-video-renderer[is-condensed], #view-all-endpoint
{
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
/*Search results related to item searched*/
a.ytd-search-refinement-card-renderer
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
border-radius: 8px !important;
}
a.ytd-search-refinement-card-renderer:hover #card-title.ytd-search-refinement-card-renderer div.ytd-search-refinement-card-renderer
{
color: var(--main-color) !important;
}
#card-title.ytd-search-refinement-card-renderer div.ytd-search-refinement-card-renderer
{
color: var(--main-text) !important;
}
/*Next button*/
.center-aligned.ytd-horizontal-card-list-renderer
{
background-color: var(--second-background) !important;
color: var(--main-text) !important;
}
.center-aligned.ytd-horizontal-card-list-renderer:hover
{
color: var(--main-color) !important;
}
/*filter*/
a.yt-simple-endpoint.ytd-toggle-button-renderer:hover *
{
color: var(--main-color) !important;
/* fill: var(--main-color) !important; */
}
#filter-group-name.ytd-search-filter-group-renderer
{
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
#description-text.ytd-video-renderer
{
color: var(--dimmer-text) !important;
}
/*Comments*/
yt-formatted-string.ytd-comments-header-renderer,
#contenteditable-root.yt-formatted-string[aria-label].yt-formatted-string:empty::before,
#contenteditable-textarea.ytd-commentbox
{
color: var(--dimmer-text) !important;
}
/*sort by*/
#icon-label.yt-dropdown-menu, #label-icon.yt-dropdown-menu
{
color: var(--main-text) !important;
fill: var(--main-text) !important;
}
yt-sort-filter-sub-menu-renderer.ytd-comments-header-renderer:hover #icon-label.yt-dropdown-menu,
yt-sort-filter-sub-menu-renderer.ytd-comments-header-renderer:hover #label-icon.yt-dropdown-menu
{
color: var(--main-color) !important;
fill: var(--main-color) !important;
}
/*sort by dropdown*/
paper-listbox.yt-dropdown-menu
{
background: var(--second-background) !important;
}
.item.yt-dropdown-menu
{
color: var(--main-text) !important;
}
paper-listbox.yt-dropdown-menu paper-item.yt-dropdown-menu:hover,
paper-listbox.yt-dropdown-menu paper-item.yt-dropdown-menu:hover .item.yt-dropdown-menu
{
background: var(--hover-background) !important;
color: var(--main-color) !important;
}
paper-listbox.yt-dropdown-menu .yt-dropdown-menu.iron-selected
{
background-color: var(--second-background) !important;
}
paper-listbox.yt-dropdown-menu .yt-dropdown-menu.iron-selected .item.yt-dropdown-menu
{
color: var(--main-color) !important;
}
/*text box*/
#simplebox-placeholder.ytd-comment-simplebox-renderer
{
color: var(--dimmer-text) !important;
}
#placeholder-area.ytd-comment-simplebox-renderer
{
border-color: var(--hover-background) !important;
}
#input-container.ytd-commentbox, ytd-commentbox
{
--paper-input-container-underline-color: var(--hover-background) !important;
--paper-input-container-underline-focus-color: var(--main-color) !important;
}
.focused-line.tp-yt-paper-input-container
{
border-color: var(--main-color) !important;
}
.unfocused-line.tp-yt-paper-input-container
{
border-color: var(--dimmer-text) !important;
}
/*emoji selector*/
#emojis.ytd-commentbox
{
background-color: var(--second-background) !important;
}
/*comments themselves*/
#author-text.yt-simple-endpoint.ytd-comment-renderer
{
color: var(--main-text) !important;
}
#author-text.yt-simple-endpoint.ytd-comment-renderer:hover
{
color: var(--main-color) !important;
}
ytd-author-comment-badge-renderer
{
background-color: var(--hover-background) !important;
}
#content-text.ytd-comment-renderer,
ytd-expander[should-use-number-of-lines][collapsed] > #content.ytd-expander
{
color: var(--dimmer-text) !important;
}
/*read more*/
.more-button-exp.ytd-comment-renderer, .less-button-exp.ytd-comment-renderer
{
color: var(--main-text) !important;
}
.more-button-exp.ytd-comment-renderer:hover, .less-button-exp.ytd-comment-renderer:hover
{
color: var(--main-color) !important;
}
/*view replies*/
paper-button.ytd-comment-replies-renderer, yt-next-continuation.ytd-comment-replies-renderer, yt-icon.ytd-comment-replies-renderer
{
color: var(--main-text) !important;
}
.more-button.style-scope.ytd-comment-replies-renderer:hover paper-button.ytd-comment-replies-renderer,
.more-button.style-scope.ytd-comment-replies-renderer:hover yt-next-continuation.ytd-comment-replies-renderer,
.more-button.style-scope.ytd-comment-replies-renderer:hover yt-icon.ytd-comment-replies-renderer
{
color: var(--main-color) !important;
}
/*likes*/
#vote-count-middle.ytd-comment-action-buttons-renderer
{
color: var(--dimmer-text) !important;
}
ytd-button-renderer yt-formatted-string.ytd-button-renderer:hover
{
color: var(--main-color) !important;
}
/*Show more videos*/
yt-next-continuation.ytd-watch-next-secondary-results-renderer
{
--paper-button_-_background-color: transparent !important;
--paper-button_-_color: var(--dimmer-text) !important;
}
.style-scope.yt-next-continuation
{
border-color: transparent !important;
}
.style-scope.yt-next-continuation:hover
{
background-color: transparent !important;
color: var(--main-color) !important;
}
yt-formatted-string.ytd-expanded-shelf-contents-renderer
{
color: var(--dimmer-text) !important;
}
yt-formatted-string.ytd-expanded-shelf-contents-renderer:hover
{
color: var(--main-color) !important;
}
/*View more comments*/
paper-button.yt-next-continuation
{
color: var(--dimmer-text) !important;
}
/*Links in description and published date for comments*/
#content.ytd-expander a
{
color: var(--main-color) !important;
opacity: 0.9;
}
#published-time-text.ytd-comment-renderer, #published-time-text.ytd-comment-renderer a
{
--yt-endpoint-color: var(--dimmer-text) !important;
color: var(--dimmer-text) !important;
opacity: .8;
}
#content.ytd-expander a:hover, #published-time-text.ytd-comment-renderer a:hover, #content.ytd-expander #name.ytd-author-comment-badge-renderer:hover
{
color: var(--main-color) !important;
opacity: 1 !important;
}
#content.ytd-expander #name.ytd-author-comment-badge-renderer
{
color: var(--main-text) !important;
}
/*Heart icon in comments*/
#hearted-border.ytd-creator-heart-renderer,#hearted.ytd-creator-heart-renderer
{
color: var(--main-color) !important;
fill: var(--main-color) !important;
}
yt-icon-button#creator-heart-button svg {
fill: var(--main-color) !important;
}
/*Pinned by*/
#label.ytd-pinned-comment-badge-renderer
{
color: var(--main-color) !important;
opacity: 0.5;
}
yt-icon.ytd-pinned-comment-badge-renderer
{
fill: var(--main-color) !important;
opacity: 0.5;
}
/*Fundraiser message*/
#wrapper.ytd-donation-unavailable-renderer
{
background-color: var(--hover-background) !important;
}
/*Chat*/
/*header*/
yt-live-chat-header-renderer, #header.yt-live-chat-participant-list-renderer, yt-live-chat-message-renderer, yt-live-chat-ticker-renderer
{
background: var(--hover-background) !important;
}
yt-live-chat-banner-manager[has-active-banner]
{
background: linear-gradient(var(--hover-background) 0%, var(--second-background) 100%) !important;
}
/*live replay*/
#card.yt-live-chat-viewer-engagement-message-renderer, yt-live-chat-text-message-renderer[is-highlighted]
{
background: var(--hover-background) !important;
}
#chat, #participants, yt-live-chat-renderer
{
background: var(--second-background) !important;
}
/*show mode was enabled*/
#container.yt-live-chat-restricted-participation-renderer
{
background: var(--second-background) !important;
}
#contents.yt-live-chat-mode-change-message-renderer
{
background: var(--hover-background) !important;
}
#contents.yt-live-chat-mode-change-message-renderer, #subtext.yt-live-chat-mode-change-message-renderer
{
color: var(--dimmer-text) !important;
}
yt-live-chat-toast-renderer[is-showing-message] /*info for show mode*/
{
background: var(--hover-background) !important;
}
/*dropmenu*/
#menu.yt-live-chat-text-message-renderer
{
background: transparent !important;
}
paper-listbox
{
background: var(--second-background) !important;
}
yt-icon.ytd-menu-navigation-item-renderer, yt-icon.ytd-menu-service-item-renderer, #header.yt-live-chat-participant-list-renderer,
#author-name.yt-live-chat-author-chip:not(.member):not(.moderator), .style-scope.yt-live-chat-ninja-message-renderer
{
color: var(--main-text) !important;
}
#deleted-state, #show-original, yt-live-chat-text-message-renderer[is-deleted] #message.yt-live-chat-text-message-renderer,
#timestamp
{
color: var(--dimmer-text) !important;
}
/*paid messages*/
#content.yt-live-chat-paid-message-renderer #message
{
color: black !important;
}
#message.yt-live-chat-text-message-renderer a.yt-live-chat-text-message-renderer
{
color: var(--main-color) !important;
text-decoration: none !important;
}
yt-live-chat-author-chip[is-highlighted] #author-name
{
background: var(--main-color) !important;
}
/*paid arrows*/
yt-icon.yt-live-chat-ticker-renderer
{
background: var(--main-background) !important;
color: var(--main-text) !important;
}
yt-icon.yt-live-chat-ticker-renderer:hover
{
color: var(--main-color) !important;
}
#right-arrow-container.yt-live-chat-ticker-renderer,
#left-arrow-container.yt-live-chat-ticker-renderer
{
background: transparent !important;
}
/*channel messages*/
yt-live-chat-text-message-renderer[author-is-owner]
{
background: var(--hover-background) !important;
color: var(--main-text) !important;
}
/*pinned*/
yt-live-chat-banner-manager[has-visible-banner]
{
background: var(--second-background) !important;
}
#contents.yt-live-chat-banner-renderer > .yt-live-chat-banner-renderer
{
background: transparent !important;
}
/*Confirmantion popup*/
paper-toast
{
background-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
/*button*/
yt-icon-button.yt-live-chat-item-list-renderer, yt-live-chat-ninja-message-renderer.yt-live-chat-renderer paper-button.yt-button-renderer,
yt-live-chat-message-renderer.yt-live-chat-message-input-renderer yt-button-renderer.style-dark[is-paper-button]
{
background: var(--main-background) !important;
color: var(--main-text) !important;
}
/*input*/
yt-live-chat-message-input-renderer
{
background-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
#focused.yt-live-chat-text-input-field-renderer
{
background: var(--main-color) !important;
}
#count
{
color: var(--dimmer-text) !important;
}
/*hide chat*/
#show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame
{
background: var(--hover-background) !important;
}
/*emoji*/
yt-formatted-string.yt-emoji-picker-category-renderer
{
background: var(--hover-background) !important;
}
#search-panel.yt-emoji-picker-renderer
{
background: var(--main-background) !important;
color: var(--main-text) !important;
}
#search-empty
{
color: var(--dimmer-text) !important;
}
/*donations superchats cards*/
#card.yt-live-chat-donation-announcement-renderer
{
background-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
#menu.yt-live-chat-donation-announcement-renderer
{
background: transparent !important;
}
/*for actually donating*/
#subtext.yt-live-chat-product-button-renderer
{
color: var(--dimmer-text) !important;
}
#container.yt-live-chat-product-button-renderer .yt-icon
{
fill: var(--dimmer-text) !important;
}
/*Fund raiser*/
#header-section.ytd-donation-shelf-renderer,
#collapse-controls-section.ytd-donation-shelf-renderer
{
background-color: var(--hover-background) !important;
}
#header-text.ytd-donation-shelf-renderer,
#collapse-controls-section.ytd-donation-shelf-renderer
{
color: var(--main-text) !important;
}
#collapse-controls-section.ytd-donation-shelf-renderer:hover
{
color: var(--main-color) !important;
}
#header-section.ytd-donation-shelf-renderer .style-scope.ytd-donation-shelf-renderer.no-transition
{
filter: invert(.8);
}
#donate-section.ytd-donation-shelf-renderer,
#creator-messages-section.ytd-donation-shelf-renderer, #nonprofit-section.ytd-donation-shelf-renderer,
#nonprofit-title.ytd-donation-shelf-renderer
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
}
#campaign-title.ytd-donation-shelf-renderer,
.creator-message.ytd-donation-shelf-renderer, #campaign-subtitle.ytd-donation-shelf-renderer, .creator-message-name.ytd-donation-shelf-renderer,
#nonprofit-title.ytd-donation-shelf-renderer
{
color: var(--main-text) !important;
}
.creator-message.ytd-donation-shelf-renderer, #campaign-subtitle.ytd-donation-shelf-renderer,
#nonprofit-subtitle.ytd-donation-shelf-renderer,
#nonprofit-description.ytd-donation-shelf-renderer
{
color: var(--dimmer-text) !important;
}
#amount-raised.ytd-donation-shelf-renderer,
#nonprofit-title.ytd-donation-shelf-renderer yt-icon.ytd-donation-shelf-renderer
{
color: var(--main-color) !important;
}
#nonprofit-link.ytd-donation-shelf-renderer .inline-icon.ytd-donation-shelf-renderer
{
fill: var(--main-color) !important;
}
/*progress*/
#progress-bar-start.ytd-donation-shelf-renderer, #progress-bar-end.ytd-donation-shelf-renderer
{
color: var(--main-text) !important;
}
#matching-label.ytd-donation-shelf-renderer
{
color: var(--dimmer-text) !important;
}
#progress-bar.ytd-donation-shelf-renderer
{
background-color: var(--dimmer-text) !important;
}
#progress-bar-fill.ytd-donation-shelf-renderer
{
background-color: var(--main-color) !important;
}
/*donate button*/
.style-scope.ytd-donation-shelf-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
}
/*donate window*/
#top-box.ytd-donation-amount-picker-renderer
{
background-color: var(--second-background) !important;
}
#campaign-title.ytd-donation-amount-picker-renderer,
#nonprofit-title.ytd-donation-amount-picker-renderer
{
color: var(--main-color) !important;
}
#campaign-subtitle.ytd-donation-amount-picker-renderer,
#nonprofit-subtitle.ytd-donation-amount-picker-renderer
{
color: var(--main-text) !important;
}
/*amount buttons*/
#suggested-amount-buttons-row.ytd-donation-amount-picker-renderer ytd-button-renderer.ytd-donation-amount-picker-renderer[is-paper-button] paper-button.ytd-button-renderer
{
background-color: var(--second-background) !important;
}
#suggested-amount-buttons-row.ytd-donation-amount-picker-renderer ytd-button-renderer.ytd-donation-amount-picker-renderer[is-paper-button] paper-button.ytd-button-renderer
{
background-color: var(--second-background) !important;
border-color: var(--second-background) !important;
}
#suggested-amount-buttons-row.ytd-donation-amount-picker-renderer ytd-button-renderer.ytd-donation-amount-picker-renderer[is-paper-button][selected] paper-button.ytd-button-renderer,
.ytd-donation-amount-picker-renderer ytd-button-renderer.style-primary[is-paper-button]
{
background-color: var(--main-color) !important;
}
/*curency for other amount*/
span.prefix.style-scope.paper-input-container > div.ytd-donation-amount-picker-renderer
{
color: var(--main-text) !important;
}
/*Payment window*/
.popup-mode .b3-page-header
{
background-color: var(--main-background) !important;
}
.b3-line-items-mundane-items-container, .b3-line-items-mundane-items-container
{
background-color: var(--hover-background) !important;
}
.b3-separator
{
display: none !important;
}
.b3-line-item-value
{
color: var(--main-color) !important;
}
.b3-line-item-name, .b3-line-item-infomessage, .b3-line-item-subvalue
{
color: var(--main-text) !important;
}
.b3-single-option-form-selector-option-content .b3-existing-instrument-option-label-without-image,
.b3-dropdown-form-selector .b3-existing-instrument-option-label-without-image,
.b3-single-option-form-selector-option-content .b3-additional-instrument-option-label, .b3-dropdown-form-selector .b3-additional-instrument-option-label,
.b3-input.focused .b3-input-label, .b3-input.focused .b3-input-label-text,
.b3-input input[type="tel"], .b3-input input[type="text"], .b3-input input[type="password"], .b3-input input[type="email"],
.b3-input.populated .b3-input-label, .b3-input.invalid .b3-input-label, .b3-input.autofilled .b3-input-label,
.b3-input-field > .b3-input-label, .b3-input-field > .b3-input-label.accessible,
.b3-collapsing-form-placeholder-text
{
color: var(--main-text) !important;
}
.countryselector .goog-flat-menu-button-caption, .countryselector .goog-flat-menu-button-caption .goog-menuitem-content
{
color: var(--dimmer-text) !important;
}
/*icons*/
.b3-single-option-form-selector-icon,
.b3-collapsing-form-icon
{
fill: var(--main-text) !important;
}
.b3-collapsing-form.focused .b3-collapsing-form-icon
{
fill: var(--main-color) !important;
}
.b3-tooltip-icon
{
filter: invert(1) !important;
}
/*border*/
.b3-input-status-indicator
{
background-color: var(--main-color) !important;
}
.b3-input-accent
{
border-color: var(--hover-background) !important;
}
/*tooltip*/
.b3-inline-tooltip-popup-wrapper, .help-Helpwidgets-TooltipWidget-content-html
{
background-color: var(--hover-background) !important;
color: var(--dimmer-text) !important;
}
.b3-inline-tooltip-popup-wrapper a, .help-Helpwidgets-TooltipWidget-content-html a
{
color: var(--main-color) !important;
}
/*country choice*/
.goog-menu, .goog-menuitem:hover
{
background-color: var(--hover-background) !important;
}
.goog-menuitem, .goog-tristatemenuitem, .goog-filterobsmenuitem
{
color: var(--main-text) !important;
}
.goog-menuitem-highlight .goog-menuitem-content
{
color: var(--main-color) !important;
}
.goog-menuitem .countryselector-flag
{
border-radius: 4px !important; /*hiding ugly white corners*/
}
/*footer*/
.b3-legal-message-content, .b3-info-message-list.b3-buyflow-extra-messages .b3-info-message-component.b3-info-message-unknown,
.b3-info-message-component.b3-info-message-unknown.b3-buyflow-extra-messages .b3-info-message-html
{
color: var(--dimmer-text) !important;
}
.b3-legal-message-content a, .b3-info-message-component.b3-info-message-unknown.b3-buyflow-extra-messages .b3-info-message-html a
{
color: var(--main-color) !important;
}
/*Notification*/
/*bell icon notification count*/
.yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge
{
background-color: var(--main-color) !important;
border: none !important;
}
button.yt-icon-button:hover .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge
{
color: var(--main-text) !important;
}
/*load spinner - also for comments*/
.spinner-layer.layer-1.tp-yt-paper-spinner, .spinner-layer.layer-2.tp-yt-paper-spinner,
.spinner-layer.layer-3.tp-yt-paper-spinner, .spinner-layer.layer-4.tp-yt-paper-spinner
{
color: var(--dimmer-text) !important;
}
#notification-count.ytd-notification-topbar-button-renderer,
ytd-notification-renderer.unread #new.ytd-notification-renderer,
.yt-lockup-notification .unread-dot /*account settings*/
{
background: var(--main-color) !important;
border-color: var(--main-color) !important;
}
.text.ytd-notification-renderer,
.message.ytd-notification-renderer
#yt-masthead-notifications-title, .yt-lockup-notification .yt-lockup-title a /*account settings*/
h2.yt-multi-page-menu-section-renderer /*comments and notifications headers*/
{
color: var(--main-text) !important;
}
/*gear icon*/
ytd-simple-menu-header-renderer .yt-spec-button-shape-next__icon
{
color: var(--main-text) !important;
}
ytd-simple-menu-header-renderer .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover .yt-spec-button-shape-next__icon
{
color: var(--main-color) !important;
}
.metadata.ytd-notification-renderer,
.exp-responsive .yt-lockup-tile .yt-lockup-byline /*account settings*/
{
color: var(--dimmer-text) !important;
}
ytd-notification-renderer:hover .message.ytd-notification-renderer
{
color: var(--main-color) !important;
}
ytd-watch:not([flexy-fit-to-video_]) #chat.ytd-watch, ytd-watch:not([flexy-fit-to...