Tampermonkey/Greasemonkey userscript to remove the YouTube seek bar pink gradient

Remove YouTube Seek Bar Gradient-2024-10-18.user.js

// ==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;
        }
    ` );
})();

And the YT icon in the upper left corner is also slightly pink now annoyingly so

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.

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?

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

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

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!

Thank you so much! That works great.

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

HueTube addon for Firefox

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