☰

FirstTimeScripter

Adds a button next to the channel name to run the invert script.

// ==UserScript==
// @name         FirstTimeScripter
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Adds a button next to the channel name to run the invert script.
// @author       EliteSoba
// @match        https://www.twitch.tv/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=twitch.tv
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
  'use strict';

  const SCRIPT_ID = 'the-invert-script';

  const addButtonIfNecessary = () => {
    if (document.getElementById(SCRIPT_ID)) {
        return;
    }
    const links = document.querySelector('[data-a-target="stream-title"]');
    if (links) {
      const parent = links.parentElement;
      parent.style.display = 'flex';
      parent.style.alignItems = 'center';

      const scriptButton = document.createElement('button');
      scriptButton.style.padding = '1px 6px';
      scriptButton.style.borderRadius = '5px';
      scriptButton.style.border = '1px solid #cccccc';
      scriptButton.style.background = '#77777780';
      scriptButton.style.color = 'var(--color-text-base)';
      scriptButton.style.marginLeft = '10px';
      scriptButton.id = SCRIPT_ID;
      scriptButton.innerText = 'Invert Script';
      scriptButton.onclick = () => {
        const vid = document.getElementsByTagName('video')[0];
        if (vid) {
          vid.style.transform = 'rotate(180deg)';
          vid.style.filter = 'invert(1)';
        }
      }
      parent.appendChild(scriptButton);
    }
  }

  setInterval(addButtonIfNecessary, 1000);
})();