Removes new magenta accents
Make YouTube Red Again by yuckdevchan
Details
Authoryuckdevchan
LicenseMIT
Categoryyoutube.com
Created
Updated
Size2.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;
}
}