Skip to content

YouTube Old Colors — 2023-2024 by Desynci

Screenshot of YouTube Old Colors — 2023-2024

Details

AuthorDesynci

LicenseNo License

Categoryyoutube

Created

Updated

Size1.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Returns old, non-gradient colors of YouTube

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           YouTube Old Colors
@namespace      1337
@version        v2.8
==/UserStyle== */

@-moz-document domain("youtube.com") { 
    svg:not(:root) {
        [fill="#FF0033"],
        [fill="#f03"] {
            fill: #f00;
        }

        [stroke="rgb(255,39,145)"] {
            stroke: #f03;
        }
        
        [stroke="rgb(255,0,51)"] {
            stroke: #f00;
        }
        
        [fill="rgb(255,0,51)"] {
            fill: #f00;
        }
        
        [fill="rgb(255,39,145)"] {
            fill: #f03;
        }
        
        [fill="rgb(255,137,131)"] {
            fill: #f03;
        }
    }
    
    .ytp-play-progress,
    .ytp-swatch-background-color,
    .yt-page-navigation-progress,
    .YtProgressBarLineProgressBarPlayedRefresh,
    .ytp-cairo-refresh [aria-checked=true] .ytp-menuitem-toggle-checkbox,
    .YtProgressBarPlayheadProgressBarPlayheadDot {
        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.