Spotify: remove the dynamic header gradient
Removes the shifting colour gradient in album and playlist headers for a calmer look.
Code to copy
// Strip the dynamic colour gradient that tints page headers
function stripGradient() {
document.querySelectorAll('[data-testid="background-color"], ' +
'.under-main-view, [class*="gradient" i]').forEach((el) => {
el.style.setProperty('background', 'transparent', 'important');
el.style.setProperty('background-image', 'none', 'important');
});
}
stripGradient();
const obs = new MutationObserver(stripGradient);
obs.observe(document.documentElement, { childList: true, subtree: true });How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.