remove magenta again
youtube studio no magenta by masyudi888
Details
Authormasyudi888
LicenseNo License
Categorystudio.youtube.com
Created
Updated
Size2.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Make YouTube Red Again
@version 20241108.00.39
@namespace https://userstyles.world/user/masyudi888
@description remove magenta again
@author masyudi888
@license MIT
==/UserStyle== */
@-moz-document url-prefix("studio.youtube.com") {
/* Change SVG colors of most icons from magenta to red */
*[fill="#FF0033"] {
fill: red;
}
*[color="#FF0033"] {
color: red;
}
}
@-moz-document url-prefix("studio.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("studio.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("studio.youtube.com") {
/* Change brand color to red */
:root {
--yt-spec-static-overlay-background-brand: red !important;
}
}
@-moz-document url-prefix("studio.youtube.com") {
/* "LIVE" badge on live channels */
.yt-spec-avatar-shape__live-badge {
background-color: red !important;
}
}
@-moz-document url-prefix("studio.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("studio.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("studio.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("studio.youtube.com") {
/* HD quality badge on settings button on the watch page */
.ytp-hd-quality-badge::after {
background-color: red !important;
}
}