Open mutageneral opened 1 week ago
Will be fixed in the next update π
Can the colours of these be exposed in control panel or are manual code edits the only way to do so? I was using the following script lately to get rid of pinkish colours and ended up with colours which resemble the old player: But after the update YTR seems to take priority over a tampermonkey script.
const colorHex = "#cc181e";
const colorHexScrubber = "#ececec";
...
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");
const navbarElements = document.getElementsByClassName("yt-page-navigation-progress");
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 = colorHexScrubber;
}
for (let i = 0; i < navbarElements.length; i++) {
navbarElements[i].style.background = colorHex;
}
YTR changes the progress bar colors via the following code:
.ytp-swatch-background-color {
background-color: #f00 !important;
background-image: none !important;
}
So you'd have to override the !important property for these elements in your script which can be done via JS (e.g. with element.style.setProperty()) or via CSS by providing more specific selectors than in the code above.
Video about this: https://youtu.be/KJcLwknsyw0
My title bar is a red to pink gradient: please add option to turn this off, thanks
here is more info: