This lets you change the Youtube colors to grey and any color of choice
Grey X any other color ! by jayden
Details
Authorjayden
LicenseNO-REDISTRIBUTION
Categoryhttps://userstyles.world/style/0768/grey-x-any-other-color
Created
Updated
Size11 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 GreyxAny Color
@namespace USO Archive
@version 20180606.21.52
@description "This lets you change the Youtube colors to grey and any color of choice
@license NO-REDISTRIBUTION
@preprocessor uso
@advanced color color "Color" #C02A2F
==/UserStyle== */
@-moz-document domain("youtube.com")
{
html:not([style-scope]):not(.style-scope) {
--yt-icon-hover-color: /*[[color]]*/ !important;
--yt-spec-brand-button-background: /*[[color]]*/ !important;
--yt-spec-brand-icon-active: /*[[color]]*/ !important;
--yt-spec-icon-active-button-link: /*[[color]]*/ !important;
--yt-border-color: /*[[color]]*/ !important;
}
.ytp-chrome-controls .ytp-button[aria-pressed]:after {
background-color: /*[[color]]*/ !important;
}
ytd-button-renderer.style-suggestive{
color:/*[[color]]*/ !important;
}
ytd-button-renderer.style-suggestive[is-paper-button] {
border:/*[[color]]*/
}
::-webkit-scrollbar-thumb {
background: /*[[color]]*/ !important;
}
::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover:active {
background: /*[[color]]*/ !important;
}
::-webkit-scrollbar-thumb:not(:active):hover {
background: /*[[color]]*/ !important;
}
a.yt-simple-endpoint.style-scope.ytd-toggle-button-renderer:focus{
outline-color: /*[[color]]*/ !important;
}
#dismissed.ytd-compact-video-renderer:focus{
outline-color: /*[[color]]*/ !important;
}
#masthead.masthead-finish{
--ytd-searchbox-legacy-button-border-color: /*[[color]]*/ !important;
--ytd-searchbox-border-color: /*[[color]]*/ !important;
}
#dismissed.ytd-shelf-renderer:focus{
outline-color: /*[[color]]*/ !important;
}
ytd-searchbox[mode=legacy][has-focus] #container.ytd-searchbox, ytd-searchbox[mode=legacy-centered][has-focus] #container.ytd-searchbox{
border-bottom-color: /*[[color]]*/ !important;
border-right-color: /*[[color]]*/ !important;
border-left-color: /*[[color]]*/ !important;
border-top-color: /*[[color]]*/ !important;
}
#guide-icon.ytd-masthead {
fill: /*[[color]]*/ !important;
}
#guide-icon.ytd-app{
fill: /*[[color]]*/ !important;
}
.yt-icon-button.circle{
color: /*[[color]]*/ !important;
}
.ytd-searchbox{
fill: /*[[color]]*/ !important;
}
yt-icon.ytd-topbar-menu-button-renderer:nth-of-type(1){
fill: /*[[color]]*/ !important;
}
yt-icon.ytd-notification-topbar-button-renderer:nth-of-type(1){
fill: /*[[color]]*/ !important;
}
.guide-icon.ytd-guide-entry-renderer {
color: /*[[color]]*/ !important;
}
#like-bar.ytd-sentiment-bar-renderer {
background: /*[[color]]*/ !important;
}
ytd-toggle-button-renderer:nth-of-type(1).style-default-active yt-icon,
#like-button .style-default-active yt-icon {
fill: /*[[color]]*/ !important;
}
#tooltip.paper-tooltip{
background-color: /*[[color]]*/ !important;
}
paper-button.ytd-subscribe-button-renderer{
background-color: /*[[color]]*/ !important;
}
paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button{
background-color: /*[[color]]*/ !important;
}
paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {
background-color: /*[[color]]*/ !important;
}
.ytd-badge-supported-renderer{
fill: /*[[color]]*/ !important;
}
#button.ytd-menu-renderer yt-icon.ytd-menu-renderer{
fill: /*[[color]]*/ !important;
}
#checkbox.checked.paper-checkbox{
background-color: /*[[color]]*/ !important;
}
#ink[checked].paper-checkbox {
color: /*[[color]]*/ !important;
}
#ink.paper-checkbox {
color: /*[[color]]*/ !important;
}
paper-checkbox.ytd-playlist-add-to-option-renderer {
--paper-checkbox-checked-color: /*[[color]]*/ !important;
}
yt-icon.ytd-compact-link-renderer {
fill: /*[[color]]*/ !important;
}
.badge-style-type-simple.ytd-badge-supported-renderer {
background: /*[[color]]*/ !important;
}
#secondary-icon.ytd-toggle-theme-compact-link-renderer{
fill: /*[[color]]*/ !important;
}
#primary-icon.ytd-toggle-theme-compact-link-renderer{
fill: /*[[color]]*/ !important;
}
.ytp-play-progress{
background-color: /*[[color]]*/ !important;
}
.ytp-scrubber-button {
background-color: /*[[color]]*/ !important;
}
#ink[checked].paper-radio-button {
color: /*[[color]]*/ !important;
}
#ink.paper-radio-button {
color: /*[[color]]*/ !important;
}
.sbpqs_a {
color: /*[[color]]*/ !important;
}
#onRadio.paper-radio-button{
background-color: /*[[color]]*/ !important;
}
.paper-radio-button{
--paper-radio-button-unchecked-color: /*[[color]]*/ !important;
--paper-radio-button-checked-color: /*[[color]]*/ !important;
}
.ytd-ticket-shelf-renderer{
fill: /*[[color]]*/ !important;
}
.ytp-spinner-circle{
border-top-color: /*[[color]]*/ !important;
border-right-color: /*[[color]]*/ !important;
border-left-color: /*[[color]]*/ !important;
}
.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 {
background-color: /*[[color]]*/ !important;
}
#icon.paper-icon-button{
fill: /*[[color]]*/ !important;
}
#label-icon.yt-dropdown-menu{
fill: /*[[color]]*/ !important;
}
ytd-author-comment-badge-renderer:not(.creator) #icon.ytd-author-comment-badge-renderer {
fill: /*[[color]]*/ !important;
}
#hearted.ytd-creator-heart-renderer {
fill: /*[[color]]*/ !important;
}
.align-by-text.ytd-backstage-comments-renderer{
color: /*[[color]]*/ !important;
}
.ytd-backstage-comments-renderer {
fill: /*[[color]]*/ !important;
}
ytd-playlist-panel-video-renderer[selected] #index.ytd-playlist-panel-video-renderer {
color: /*[[color]]*/ !important;
}
.ytp-sb-subscribe, a.ytp-sb-subscribe {
background-color: /*[[color]]*/ !important;
}
#primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #tickets-button.ytd-ticket-shelf-renderer {
background-color: /*[[color]]*/ !important;
}
.link.ytd-ticket-shelf-renderer {
color: /*[[color]]*/ !important;
}
yt-icon.ytd-comment-replies-renderer {
fill: /*[[color]]*/ !important;
}
.ytd-comment-replies-renderer{
color: /*[[color]]*/ !important;
}
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background-color: /*[[color]]*/ !important;
}
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox {
background-color: /*[[color]]*/ !important;
}
#dismissed.ytd-compact-video-renderer {
border-bottom-color: /*[[color]]*/ !important;
border-top-color: /*[[color]]*/ !important;
border-left-color: /*[[color]]*/ !important;
border-right-color: /*[[color]]*/ !important;
}
#button.ytd-toggle-button-renderer.style-default-active{
color: /*[[color]]*/ !important;
}
.ytp-large-play-button-bg {
fill: /*[[color]]*/ !important;
}
::selection {
background: /*[[color]]*/ !important;
}
.ytp-large-play-button-bg {
fill:/*[[color]]*/ !important;
}
.guide-entry-badge.ytd-guide-entry-renderer {
fill:/*[[color]]*/ !important;
}
yt-page-navigation-progress, #progress.yt-page-navigation-progress {
height: 3px;
}
#progress.yt-page-navigation-progress {
background-color: /*[[color]]*/ !important;
}
paper-checkbox.ytd-dismissal-reason-text-renderer {
--paper-checkbox-checked-color: /*[[color]]*/ !important;
}
html:not([style-scope]):not(.style-scope) {
--yt-channel-header-background: #d3d1d1;
}
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
background:#9E9E9E;
}
::-webkit-scrollbar-button {
display: none;
}
.header.ytd-playlist-panel-renderer{
background-color:#d3d1d1;
}
.playlist-items.ytd-playlist-panel-renderer {
background-color:#d3d1d1;
}
#container.ytd-watch {
background:#d3d1d1
}
ytd-page-manager > *.ytd-page-manager {
background-color: #d3d1d1;
}
.ytd-guide-renderer{
--yt-endpoint-color:#d3d1d1;
}
#guide-inner-content.ytd-app{
background:#e2e0e0;
}
#header.ytd-app{
background:#e2e0e0;
}
#masthead.masthead-finish{
--ytd-searchbox-legacy-border-color:#9E9E9E;
--ytd-searchbox-legacy-button-hover-border-color: #9E9E9E;
--ytd-searchbox-legacy-button-hover-color:#d3d1d1;
--yt-swatch-primary: #9E9E9E;
--ytd-searchbox-legacy-button-color:#c6c6c6;
--ytd-searchbox-legacy-border-shadow-color:#c6c6c6;
}
#container.ytd-searchbox{
--yt-searchbox-background:#c6c6c6;
--yt-swatch-textbox-bg:#c6c6c6;
}
ytd-searchbox[mode=legacy] #container.ytd-searchbox, ytd-searchbox[mode=legacy-centered] #container.ytd-searchbox {
border-radius: 100px 0 0 100px;
border-right: none;
}
#search-icon-legacy.ytd-searchbox{
border-top-color:#9E9E9E;
border-right-color:#9E9E9E;
border-bottom-color:#9E9E9E;
border-left-color:#9E9E9E;
border-radius: 0 100px 100px 0;
}
path.ytd-topbar-logo-renderer:nth-of-type(1){
fill: /*[[color]]*/
}
.toggle-bar.paper-toggle-button{
background-color:#9E9E9E
}
.ytd-popup-container{
background-color:#e2e0e0
}
#items.ytd-menu-popup-renderer{
background:#e2e0e0
}
ytd-menu-service-item-renderer:hover {
background-color:#c6c6c6
}
.badge-style-type-simple.ytd-badge-supported-renderer{
color:#ffffff
}
#container.ytd-multi-page-menu-renderer{
background-color:#e2e0e0
}
#language.ytd-account-settings, #country.ytd-account-settings, #restricted.ytd-account-settings, .container.ytd-account-settings {
background-color:#e2e0e0
}
ytd-dismissal-follow-up-renderer[dialog][dialog][dialog] {
background-color:#d3d1d1
}
ytd-watch-card-rich-header-renderer {
background-color:/*[[color]]*/ !important;
}
#overlay-button.ytd-call-to-action-button-renderer {
background-color:/*[[color]]*/ !important;
}
.ytp-svg-fill {
fill:#e2e0e0
}
#ytp-id-20 {
fill:#e2e0e0
}
#ytp-id-23 {
fill:#e2e0e0
}
#ytp-id-22 {
fill:#e2e0e0
}
#y...