Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save QEStudios/8e98b863c6de2a615a4438ecaed9f096 to your computer and use it in GitHub Desktop.
Save QEStudios/8e98b863c6de2a615a4438ecaed9f096 to your computer and use it in GitHub Desktop.
Tampermonkey/Greasemonkey userscript to remove the YouTube seek bar pink gradient
// ==UserScript==
// @name Remove YouTube Seek Bar Gradient
// @namespace http://tampermonkey.net/
// @version 2024-10-25
// @description Removes the pink gradient from the YouTube seek bar
// @author SKM GEEK
// @match https://www.youtube.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// ==/UserScript==
(function() {
'use strict';
// addStyle function thanks to https://stackoverflow.com/a/33176845
function addStyle(css) {
const style = document.getElementById("GM_addStyleBy8626") || (function() {
const style = document.createElement('style');
style.type = 'text/css';
style.id = "GM_addStyleBy8626";
document.head.appendChild(style);
return style;
})();
const sheet = style.sheet;
sheet.insertRule(css, (sheet.rules || sheet.cssRules || []).length);
}
addStyle ( `
.ytp-cairo-refresh-signature-moments .ytp-play-progress {
background: var(--yt-spec-static-brand-red) !important;
}
` );
})();
@QEStudios
Copy link
Author

QEStudios commented Oct 20, 2024

And the YT icon in the upper left corner is also slightly pink now annoyingly so Screenshot 2024-10-20 at 13-27-49 Joe Rogan Experience #2213 - Diane K Boyd

Yeah, the youtube brand colour has changed on all their platforms. It used to be #FF0000, but now it's #FF0033. This also affects the seek bar, which (even when using this script) is slightly pinker than it used to be. I've been thinking about making another script which reverts all the brand colours to #FF0000, would that be of interest to you?

@jety89
Copy link

jety89 commented Oct 20, 2024

And the YT icon in the upper left corner is also slightly pink now annoyingly so Screenshot 2024-10-20 at 13-27-49 Joe Rogan Experience #2213 - Diane K Boyd

Yeah, the youtube brand colour has changed on all their platforms. It used to be #FF0000, but now it's #FF0033. This also affects the seek bar, which (even when using this script) is slightly pinker than it used to be. I've been thinking about making another script which reverts all the brand colours to #FF0000, would that be of interest to you?

Yeah, very mouch so

@marvtobi
Copy link

I would love that too. Is it very difficult to make the script compatible with greasemonkey /userscripts as well?

@OrcBro
Copy link

OrcBro commented Oct 20, 2024

There is a lot of pink gradient now on youtube. It would be great if it all went back to being just red, like it used to be.

@jety89
Copy link

jety89 commented Oct 23, 2024

And the YT icon in the upper left corner is also slightly pink now annoyingly so Screenshot 2024-10-20 at 13-27-49 Joe Rogan Experience #2213 - Diane K Boyd

Yeah, the youtube brand colour has changed on all their platforms. It used to be #FF0000, but now it's #FF0033. This also affects the seek bar, which (even when using this script) is slightly pinker than it used to be. I've been thinking about making another script which reverts all the brand colours to #FF0000, would that be of interest to you?

Is it even possible?

@QEStudios
Copy link
Author

And the YT icon in the upper left corner is also slightly pink now annoyingly so Screenshot 2024-10-20 at 13-27-49 Joe Rogan Experience #2213 - Diane K Boyd

Yeah, the youtube brand colour has changed on all their platforms. It used to be #FF0000, but now it's #FF0033. This also affects the seek bar, which (even when using this script) is slightly pinker than it used to be. I've been thinking about making another script which reverts all the brand colours to #FF0000, would that be of interest to you?

Is it even possible?

It is possible, it would just be quite difficult to do and would require constant maintaining to not get broken by every youtube update.

@QEStudios
Copy link
Author

I would love that too. Is it very difficult to make the script compatible with greasemonkey /userscripts as well?

This should work with greasemonkey too! Are you having any problems with it?

@marvtobi
Copy link

Yeah it straight up just doesnt work there, not a big problem since it works fine in tampermonkey.

@Adulau2003
Copy link

www.youtube.com##.ytd-thumbnail-overlay-resume-playback-renderer.style-scope:style(background: YELLOW!important;)
For thumbnails. Replace to a color of your liking.

@QEStudios
Copy link
Author

QEStudios commented Oct 25, 2024

Yeah it straight up just doesnt work there, not a big problem since it works fine in tampermonkey.

I've found the problem, apparently greasemonkey 4.0 removed GM_addStyle! I've updated the userscript to fix the problem, and have tested it to be working in both tampermonkey and greasemonkey. Sorry about that!

@marvtobi
Copy link

Thank you so much! That works great.

@jety89
Copy link

jety89 commented Nov 19, 2024

There is this now
HueTube firefox addon

https://addons.mozilla.org/en-US/firefox/addon/huetube/
Version 1.0
Released Sep 6, 2024 - 19.93 KB
Works with firefox 58.0 and later

@jety89
Copy link

jety89 commented Nov 19, 2024

image
HueTube addon for Firefox

@Adulau2003
Copy link

Anyone know how to fix the top loading bar? They made that one into a pink gradient as-well like the youtube seek bar.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment