USE YOUTUBE DARK MODE! USE YOUTUBE DARK MODE! USE YOUTUBE DARK MODE! Tired of seeing too bright blue themes? This theme will be for you! (Reupload of OP)
BBY - Best Blue YouTube (Default Reup) by WholeThrower119
Details
AuthorWholeThrower119
LicenseCC0-1.0
Categoryhttps://www.youtube.com/
Created
Updated
Size72 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name BBY - Best Blue YouTube
@namespace USO Archive
@author TheLegendOfWolf_
@description USE YOUTUBE DARK MODE! USE YOUTUBE DARK MODE! USE YOUTUBE DARK MODE! Tired of seeing too bright blue themes? This theme will be for you! This theme has lots of blue, but it doesn't hurt eyes. (atleast my eyes lol) USE DARK MODE! Always compatible! Well, almost always... Hey, if you want to contact me, please write in the comment section. I will talk there :)
@version 20231212.16.17
@license CC0-1.0
@preprocessor uso
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com") {
/*cinematic glow blocker*/
#cinematics.ytd-watch-flexy {
display: none;
}
/*searchbar*/
.gsfs {
color: #FFF;
background: #03142d;
}
.sbfl_b {
background: none;
color: #12A0FF;
}
.sbqs_c {
color: #FFF;
}
html[dark] .sbsb_a{
background: #03142d;
}
html[dark] .sbdd_b {
border: none;
background: none;
box-shadow: 0px 8px 25px 3px #0075ff;
}
yt-live-chat-item-list-renderer[allow-scroll] #item-scroller.yt-live-chat-item-list-renderer {
overflow-y: scroll;
padding-right: 0;
background: #021128;
}
/*merch?*/
ytd-merch-shelf-renderer[darker-dark-theme] {
background-color: #051630;
}
ytd-menu-popup-renderer tp-yt-paper-listbox.ytd-menu-popup-renderer {
background: #02142e;
}
/*Live chat final battle*/
ytd-watch-flexy[flexy][js-panel-height_] #chat.ytd-watch-flexy:not([collapsed]).ytd-watch-flexy, ytd-watch-flexy[flexy][js-panel-height_] #chat-container.ytd-watch-flexy:not([chat-collapsed]).ytd-watch-flexy {
/* color: #FFF; */
background: transparent;
}
ytd-live-chat-frame[modern-buttons][collapsed] #show-hide-button.ytd-live-chat-frame>ytd-toggle-button-renderer.ytd-live-chat-frame {
background-color: #0b4489;
}
yt-live-chat-item-list-renderer[allow-scroll] #item-scroller.yt-live-chat-item-list-renderer {
overflow-y: scroll;
background: #03142e !important;
padding-right: 0;
color: #03142e !important;
}
yt-live-chat-message-input-renderer {
display: block;
padding: 16px;
color: #fff;
background: #051c40 !important;
font-size: 13px;
position: relative;
--yt-emoji-picker-renderer-content-margin: 0 24px;
--yt-emoji-picker-category-margin-left: 24px;
}
#input-panel.yt-live-chat-renderer::after {
content: none !important;
display: block;
height: 0px !important;
margin: 0px 24px;
background: transparent !important;
color: transparent;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {
color: #ffffff;
background: transparent !important;
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {
color: #ffffff;
background: #082a60 !important;
}
yt-live-chat-header-renderer {
height: 48px;
padding: 8px;
box-sizing: border-box;
font-size: var(--yt-live-chat-header-font-size,18px);
background-color: #0c2a58 !important;
color: #FFF;
display: flex;
flex-direction: row;
align-items: center;
display: var(--yt-live-chat-header-renderer-display,flex);
}
#items.yt-live-chat-ticker-renderer {
height: 32px;
overflow: hidden;
white-space: nowrap;
padding: 0 24px 8px;
background: #061b3c;
}
ytd-button-renderer.yt-chip-cloud-renderer {
--yt-button-color: #3c1717;
--yt-button-icon-size: 32px;
border-radius: 16px;
height: 32px;
padding: 0;
width: 32px;
display: flexbox;
display: flex;
align-items: center;
justify-content: center;
}
yt-live-chat-banner-manager[has-active-banner] {
background: linear-gradient(180deg, #12A0FFDD,transparent, transparent) !important;
}
#items.yt-live-chat-ticker-renderer {
height: 32px;
overflow: hidden;
white-space: nowrap;
padding: 0 24px 8px;
background: #061b3c;
}
#left-arrow.yt-chip-cloud-renderer, #right-arrow.yt-chip-cloud-renderer {
z-index: 200;
position: relative;
height: 100%;
display: flexbox;
display: flex;
flex-direction: row;
justify-content: center;
}
html[dark] {
--yt-live-chat-background-color: #03142e !important;
--yt-live-chat-action-panel-background-color: #282828;
--yt-live-chat-action-panel-background-color-transparent: rgba( 40, 40, 40, 0.8 );
--yt-live-chat-secondary-background-color: #282828;
--yt-live-chat-toast-text-color: var(--yt-spec-static-brand-white);
--yt-live-chat-toast-background-color: #323232;
--yt-live-chat-mode-change-background-color: #333;
--yt-live-chat-primary-text-color: var(--yt-spec-static-brand-white);
--yt-live-chat-secondary-text-color: rgba(255, 255, 255, 0.7);
--yt-live-chat-tertiary-text-color: rgba(255, 255, 255, 0.54);
--yt-live-chat-text-input-field-inactive-underline-color: #666;
--yt-live-chat-text-input-field-placeholder-color: #666;
--yt-live-chat-icon-button-color: var(--yt-live-chat-primary-text-color);
--yt-live-chat-enabled-send-button-color: #fff;
--yt-live-chat-disabled-icon-button-color: rgba(255, 255, 255, 0.3);
--yt-live-chat-picker-button-color: var(--yt-live-chat-tertiary-text-color);
--yt-live-chat-picker-button-active-color: var(--yt-spec-static-brand-white);
--yt-live-chat-picker-button-disabled-color: var( --yt-live-chat-disabled-icon-button-color );
--yt-live-chat-picker-button-hover-color: rgba(255, 255, 255, 0.74);
--yt-live-chat-mention-background-color: #ff5722;
--yt-live-chat-mention-text-color: #fff;
--yt-live-chat-deleted-message-color: rgba(255, 255, 255, 0.5);
--yt-live-chat-deleted-message-bar-color: rgba(255, 255, 255, 0.5);
--yt-live-chat-error-message-color: var(--yt-spec-brand-link-text);
--yt-live-chat-reconnect-message-color: #fff;
--yt-live-chat-disabled-button-background-color: #444;
--yt-live-chat-disabled-button-text-color: var( --yt-live-chat-secondary-text-color );
--yt-live-chat-sub-panel-background-color: #3e3e3e;
--yt-live-chat-sub-panel-background-color-transparent: rgba(62, 62, 62, 0.7);
--yt-live-chat-header-background-color: var( --yt-live-chat-action-panel-background-color );
--yt-live-chat-header-button-color: var(--yt-live-chat-secondary-text-color);
--yt-live-chat-moderator-color: #5e84f1;
--yt-live-chat-owner-color: #ffd600;
--yt-live-chat-message-highlight-background-color: #282828;
--yt-live-chat-author-chip-owner-text-color: var(--yt-deprecated-luna-black);
--yt-live-chat-author-chip-verified-background-color: var(--yt-spec-grey-5);
--yt-live-chat-author-chip-verified-text-color: var(--yt-spec-white-4);
--yt-live-chat-sponsor-color: #2ba640;
--yt-live-chat-overlay-color: rgba(0, 0, 0, 0.5);
--yt-live-chat-dialog-background-color: #424242;
--yt-live-chat-dialog-text-color: var(--yt-spec-static-brand-white);
--yt-live-chat-button-default-text-color: var(--yt-spec-static-brand-white);
--yt-live-chat-button-default-background-color: var( --yt-deprecated-white-opacity-lighten-4 );
--yt-live-chat-button-dark-text-color: var(--yt-spec-static-brand-white);
--yt-live-chat-button-dark-background-color: var( --yt-deprecated-white-opacity-lighten-4 );
--yt-emoji-picker-variant-selector-bg-color: #2f2f2f;
--yt-live-chat-moderation-mode-hover-background-color: rgba( 255, 255, 255, 0.3 );
--yt-live-chat-additional-inline-action-button-color: var(--yt-grey);
--yt-live-chat-additional-inline-action-button-background-color: var( --yt-deprecated-opalescence-soft-grey-opacity-lighten-1 );
--yt-live-chat-additional-inline-action-button-background-color-hover: var( --yt-deprecated-opalescence-soft-grey );
--yt-formatted-string-emoji-size: 24px;
--yt-live-chat-emoji-size: 24px;
--yt-live-chat-text-input-field-suggestion-background-color: #3e3e3e;
--yt-live-chat-text-input-field-suggestion-background-color-hover: #343434;
--yt-live-chat-text-input-field-suggestion-text-color: var( --yt-spec-static-brand-white );
--yt-live-chat-text-input-field-suggestion-text-color-hover: var( --yt-spec-static-brand-white );
--yt-live-chat-text-input-field-placeholder-color: var( --yt-live-chat-secondary-text-color );
--yt-live-chat-ticker-arrow-background: var( --yt-live-chat-action-panel-background-color );
--yt-emoji-picker-category-background-color: var( --yt-live-chat-action-panel-background-color-transparent );
--yt-emoji-picker-category-color: var(--yt-live-chat-secondary-text-color);
--yt-emoji-picker-category-button-color: var( --yt-live-chat-picker-button-color );
--yt-emoji-picker-search-background-color: #444;
--yt-emoji-picker-search-color: #fff;
--yt-emoji-picker-search-placeholder-color: #999;
--yt-emoji-picker-base-with-variants-border: var(--yt-spec-white-1-alpha-25);
--yt-live-chat-slider-active-color: #2196f3;
--yt-live-chat-slider-container-color: #515151;
--yt-live-chat-slider-markers-color: #fff;
--yt-live-chat-banner-gradient-scrim: linear-gradient( rgba(40, 40, 40, 0.95), transparent );
--yt-live-chat-action-panel-gradient-scrim: linear-gradient( to top, rgba(40, 40, 40, 0.95), transparent );
--yt-live-chat-poll-editor-start-button-background-color-disabled: var( --yt-spec-grey-1 );
--yt-live-chat-automod-button-background-color: var( --yt-deprecated-opalescence-grey-opacity-lighten-3 );
--yt-live-chat-automod-button-background-color-hover: rgba( 255, 255, 255, 0.5 );
--yt-live-chat-automod-button-explanation-color: rgba(255, 255, 255, 0.7);
--yt-live-chat-countdown-opacity: 0.5;
--yt-live-chat-shimmer-background-color: rgba(17, 17, 17, 0.4);
--yt-live-chat-shimmer-linear-gradient: linear-gradient( 0deg, rgba(0, 0, 0, 0.1) 40%, rgba(100, 100, 100, 0.3) 50%, rgba(0, 0, 0, 0.1) 60% );
--yt-live-chat-vem-background-color: #3e3e3e;
--yt-live-chat-product-picker-icon-color: rgba(255, 255, 255, 0.5);
--yt-live-chat-produc...