Skip to content

Make YouTube Red Again by yuckdevchan

Screenshot of Make YouTube Red Again

Details

Authoryuckdevchan

LicenseMIT

Categoryyoutube.com

Created

Updated

Size2.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Removes new magenta accents

Notes

Changed Elements Include:

  • Progress bar
  • Progress bar in thumbnails of unfinished videos
  • Logo
  • Live channel ring
  • Live channel badge
  • Live channel icon
  • Unread notifications icon
  • "More From YouTube" section in sidebar - Other YouTube app logos

Source code

/* ==UserStyle==
@name         Make YouTube Red Again
@version      20241108.00.39
@namespace    https://userstyles.world/user/yuckdevchan
@description  Removes new magenta accents
@author       yuckdevchan
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com") {
/* Change SVG colors of most icons from magenta to red */
*[fill="#FF0033"] {
    fill: red;
}

*[color="#FF0033"] {
    color: red;
}
}

@-moz-document url-prefix("https://www.youtube.com") {
/* Video progress bar */
.ytp-play-progress {
    background-image: linear-gradient(to right, rgb(255, 0, 0) 100%, rgb(255, 0, 0) 100%) !important;
}
}

@-moz-document url-prefix("https://www.youtube.com") {
/* Progress bar in thumbnails for unfinished videos */
.ytd-thumbnail-overlay-resume-playback-renderer {
    background: linear-gradient(to right, rgb(255, 0, 0) 100%, rgb(255, 0, 0) 100%) !important;
}
}

@-moz-document url-prefix("https://www.youtube.com") {
/* Change brand color to red */
:root {
    --yt-spec-static-overlay-background-brand: red !important;
}
}

@-moz-document url-prefix("https://www.youtube.com") {
/* "LIVE" badge on live channels */
.yt-spec-avatar-shape__live-badge {
    background-color: red !important;
}
}

@-moz-document url-prefix("https://www.youtube.com") {
/* Ring around channel logo when live */
.yt-spec-avatar-shape--live-ring::after {
    background: linear-gradient(to right, rgb(255, 0, 0) 100%, rgb(255, 0, 0) 100%) !important;
}
}

@-moz-document url-prefix("https://www.youtube.com") {
/* Channel live icon in sidebar */
yt-icon.guide-entry-badge.style-scope.ytd-guide-entry-renderer .yt-icon-shape.style-scope.yt-icon path {
    fill: red !important;
}
}

@-moz-document url-prefix("https://www.youtube.com") {
/* Unread notifications badge, change background to red and text color to white */
.ytd-notification-topbar-button-renderer .yt-spec-icon-badge-shape__badge {
    background-color: red !important;
    color: white !important;
}
}

@-moz-document url-prefix("https://www.youtube.com") {
/* HD quality badge on settings button on the watch page */
.ytp-hd-quality-badge::after {
    background-color: red !important;
}
}

Reviews

No reviews yet.