Skip to content

YouTube — RED & Non-Gradient by Desynci

Screenshot of YouTube — RED & Non-Gradient
Write a review Install Get Stylus

Details

AuthorDesynci

LicenseNo License

Categoryyoutube

Created

Updated

Code size2.1 kB

Code checksumc8669c51

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Returns old, non-gradient colors of YouTube

Notes

WARNING: The latest update includes an optional remover for the erroneous bottom scroller that appeared in recent YouTube update.
Disable it in the settings of this style if you have any issues related to it.

Source code

/* ==UserStyle==
@name           YouTube Old Colors
@namespace      1337
@version        v3.21
@preprocessor 	stylus

@var checkbox remove-scroll "Remove bottom scroller" 1
==/UserStyle== */

@-moz-document domain("youtube.com") { 
	
	if (remove-scroll) {
		body { 
			ytd-channel-renderer.style-scope.ytd-item-section-renderer {
				display: none;
			}
		}
	}

@css {
    svg:not(:root) {
        [fill="#FF0033"],
        [fill="#f03"],
 		[fill="rgb(255,0,51)"] {
        	fill: #f00;
        }
        
        [fill="rgb(255,39,145)"], 
		[fill="rgb(255,137,131)"] {
            fill: #f03;
        }
		
		[stroke="rgb(255,39,145)"] {
            stroke: #f03;
        }
        
        [stroke="rgb(255,0,51)"] {
            stroke: #f00;
        }
    }
}
	
    .ytp-play-progress,
    .ytp-swatch-background-color,
    .yt-page-navigation-progress,
    .ytProgressBarLineProgressBarPlayed,
    .ytp-cairo-refresh [aria-checked=true] .ytp-menuitem-toggle-checkbox,
    .YtProgressBarPlayheadProgressBarPlayheadDot,
	.ytThumbnailOverlayProgressBarHostWatchedProgressBarSegment {
        background: #f00 !important;
    }
    
    .ytp-settings-button::after {
        background-color: #f00 !important;
    }
    
    .ytd-thumbnail-overlay-resume-playback-renderer,
    .yt-spec-icon-badge-shape__badge {
        background: #c00 !important;
    }
    
    .yt-spec-avatar-shape--live-ring::after,
    .badge-style-type-live-now-alternate {
        background: rgba(204, 0, 0, 0.9) !important;
    }
    
    .badge-shape-wiz--thumbnail-live, 
    .yt-spec-avatar-shape__live-badge {
        background-color: rgba(204, 0, 0, 0.9) !important;
    }
    
    .ytd-backstage-quiz-renderer[selected]:not([correct]) .choice-info.ytd-backstage-quiz-renderer {
        border-color: rgba(204, 0, 0, 0.9) !important;
    }
    
    .guide-entry-badge.ytd-guide-entry-renderer {
        color: #f00;
    }
    
    .yt-spec-icon-badge-shape__badge {
        color: #fff !important;
    }
}


/*  --yt-spec-static-brand-red: #f00;
    --yt-spec-static-overlay-background-brand: rgba(204, 0, 0, 0.9); */

Reviews

No reviews yet.