YouTube Color

A colorful YouTube
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name        YouTube Color
// @description A colorful YouTube
// @match       https://*.youtube.com/*
// @license     MIT
// @version 0.0.1.20230421113649
// @namespace https://greasyfork.org/users/1063001
// ==/UserScript==
if (window.location.href.includes('youtube.com')) {
  const colors = ['#FF0000', '#FFA500', '#FFFF00', '#008000', '#00FFFF', '#0000FF', '#800080', '#FFC0CB', '#00FF00', '#FF00FF', '#6A5ACD', '#FF69B4', '#FFD700', '#32CD32', '#00FA9A', '#40E0D0', '#1E90FF', '#8B0000', '#FF4500', '#FF8C00', '#9932CC'];
  const style = document.createElement('style');
  style.innerHTML = `
    @keyframes changeColor {
      0% {
        color: ${colors[0]};
      }
    5% {
        color: ${colors[colors.length - 20]};
      }
    10% {
        color: ${colors[colors.length - 19]};
      }
    15% {
        color: ${colors[colors.length - 18]};
      }
    20% {
        color: ${colors[colors.length - 17]};
      }
    25% {
        color: ${colors[colors.length - 16]};
      }
    30% {
        color: ${colors[colors.length - 15]};
      }
    35% {
        color: ${colors[colors.length - 14]};
      }
    40% {
        color: ${colors[colors.length - 13]};
      }
    45% {
        color: ${colors[colors.length - 12]};
      }
    50% {
        color: ${colors[colors.length - 11]};
      }
    55% {
        color: ${colors[colors.length - 10]};
      }
    60% {
        color: ${colors[colors.length - 9]};
      }
    65% {
        color: ${colors[colors.length - 8]};
      }
    70% {
        color: ${colors[colors.length - 7]};
      }
    75% {
        color: ${colors[colors.length - 6]};
      }
    80% {
        color: ${colors[colors.length - 5]};
      }
    85% {
        color: ${colors[colors.length - 4]};
      }
    90% {
        color: ${colors[colors.length - 3]};
      }
    95% {
        color: ${colors[colors.length - 2]};
      }
    100% {
        color: ${colors[colors.length - 1]};
      }
    }
  *
     {
      animation-name: changeColor;
      animation-duration: 20s;
      animation-iteration-count: infinite;
    }
  `;
  document.head.appendChild(style);
}