// ==UserScript==
// @name         YouTube red seekbar
// @namespace    http://tampermonkey.net/
// @version      2024-10-18
// @description  sets seekbar color back to just red.
// @author       You
// @match        https://www.youtube.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @grant        none
// ==/UserScript==

const colorHex = "#f03";

// doesn't work with shorts
(function() {
    'use strict';

    window.addEventListener("yt-navigate-finish", e => {
        setSeekBarColor();
        // this event unfortunately fires before chapters are loaded, so this is simple workaround.
        setTimeout(() => {
            setSeekBarColor();
        }, 1000);
    });

    setTimeout(() => {
        setSeekBarColor();
    }, 1000);
})();

function setSeekBarColor() {
    const seekBarElements = document.getElementsByClassName("ytp-play-progress ytp-swatch-background-color");
    const thumbnailElements = document.getElementsByClassName("style-scope ytd-thumbnail-overlay-resume-playback-renderer");
    const scrubberButtonElements = document.getElementsByClassName("ytp-scrubber-button ytp-swatch-background-color");

    for (let i = 0; i < seekBarElements.length; i++) {
        seekBarElements[i].style.background = colorHex;
    }

    for (let i = 0; i < thumbnailElements.length; i++) {
        thumbnailElements[i].style.background = colorHex;
    }

    for (let i = 0; i < scrubberButtonElements.length; i++) {
        scrubberButtonElements[i].style.background = colorHex;
    }
}