Skip to content

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

This lets you change the Youtube colors to grey and any color of choice

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...

Reviews

No reviews yet.