☰

Fix Twitch

Undo the nasty parts of the new twitch layout

  1. // ==UserScript==
  2. // @name         Fix Twitch
  3. // @namespace    323851-gjwse90gj98we
  4. // @version      0.9
  5. // @description  Undo the nasty parts of the new twitch layout
  6. // @author       Viper-7, anon
  7. // @match        https://www.twitch.tv/*
  8. // @noframes
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. function addGlobalStyle(css) {
  13.     var head, style;
  14.     head = document.getElementsByTagName('head')[0];
  15.     if (!head) { return; }
  16.     style = document.createElement('style');
  17.     style.type = 'text/css';
  18.     style.innerHTML = css;
  19.     head.appendChild(style);
  20. }
  21.  
  22. (function() {
  23.   'use strict';
  24.   
  25.  
  26.     var e = document.getElementsByTagName( 'html' )[0];
  27.     //e.setAttribute( 'class', 'tw-root--theme-dark' );
  28.   
  29.   if (e.classList.contains('tw-root--theme-dark')) {
  30.     addGlobalStyle('html .tw-c-text-alt-2 { color: #898395 !important; }');
  31.     addGlobalStyle('html .tw-semibold { font-weight: 400 !important; }');
  32.     addGlobalStyle('html .tw-c-text-alt { color: #b8b5c0 !important; }');
  33.     addGlobalStyle('html section.chat-room { background-color: rgb(15,14,17) !important; }');
  34.     addGlobalStyle('html div.channel-root__right-column { background-color: #232127 !important; }');
  35.     addGlobalStyle('html .tw-c-text-base { color: #dad8de !important; }');
  36.     addGlobalStyle('html .top-nav__menu { background-color: #4b367c !important; }');
  37.     addGlobalStyle('html .tw-root--theme-dark body { background-color: #0f0e11 !important; }');
  38.     addGlobalStyle('a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }');
  39.     addGlobalStyle('html .tw-font-size-4 { font-size: 1.4rem !important; font-weight: 400 !important; color: #b19dd8 !important; }');
  40.     addGlobalStyle('html .tw-input { background-color: #232127 !important; }');
  41.     addGlobalStyle('body { background-color: #18181b !important; }');
  42.   }
  43.    
  44.     var observer = new MutationObserver(function (event) {
  45.     console.log(event);
  46.       
  47.  
  48.       
  49.   if (localStorage.getItem("twilight.theme") == "1") {
  50.     console.log('yes');
  51.     addGlobalStyle('html .tw-c-text-alt-2 { color: #898395 !important; }');
  52.     addGlobalStyle('html .tw-semibold { font-weight: 400 !important; }');
  53.     addGlobalStyle('html .tw-c-text-alt { color: #b8b5c0 !important; }');
  54.     addGlobalStyle('html section.chat-room { background-color: rgb(15,14,17) !important; }');
  55.     addGlobalStyle('html div.channel-root__right-column { background-color: #232127 !important; }');
  56.     addGlobalStyle('html .tw-c-text-base { color: #dad8de !important; }');
  57.     addGlobalStyle('html .top-nav__menu { background-color: #4b367c !important; }');
  58.     addGlobalStyle('html .tw-root--theme-dark body { background-color: #0f0e11 !important; }');
  59.     addGlobalStyle('a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }');
  60.     addGlobalStyle('html .tw-font-size-4 { font-size: 1.4rem !important; font-weight: 400 !important; color: #b19dd8 !important; }');
  61.     addGlobalStyle('html .tw-input { background-color: #232127 !important; }');
  62.     addGlobalStyle('body { background-color: #18181b !important; }');
  63.     addGlobalStyle('html .side-nav { background-color: #212126 !important; }');
  64.     addGlobalStyle('html .side-nav .tw-svg__asset, html .side-nav .tw-icon__svg { fill: rgb(137, 131, 149) !important; }');
  65.  
  66.     //addGlobalStyle('html .side-nav .upsell-center-text__header { color: #19171c !important; }');
  67.     //addGlobalStyle('html .side-nav .side-nav-card__link:hover { background: #2f2f37 !important; }');
  68.     //addGlobalStyle('html .side-nav .side-nav-header { color: #fff !important; }');
  69.     //addGlobalStyle('html .side-nav .tw-link { color: #772ce8 !important; }');
  70.   } else {
  71.     console.log('no');
  72.     addGlobalStyle('html .tw-c-text-alt-2 { color: #898395 !important; }');
  73.     addGlobalStyle('html .tw-semibold { font-weight: 400 !important; }');
  74.     addGlobalStyle('html .tw-c-text-alt { color: #b8b5c0 !important; }');
  75.     addGlobalStyle('html section.chat-room { background-color: #EFEEF1 !important; }');
  76.     addGlobalStyle('html div.channel-root__right-column { background-color: #EFEEF1 !important; }');
  77.     addGlobalStyle('html .tw-c-text-base { color: #dad8de !important; }');
  78.     addGlobalStyle('html .top-nav__menu { background-color: #4b367c !important; }');
  79.     
  80.     addGlobalStyle('html .top-nav__menu .tw-font-size-4 { color: #fff !important; }');
  81.     //.tw-input
  82.     
  83.     addGlobalStyle('html .tw-root--theme-dark body { background-color: #0f0e11 !important; }');
  84.     addGlobalStyle('a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }');
  85.     addGlobalStyle('html .tw-font-size-4 { font-size: 1.4rem !important; font-weight: 400 !important; color: #19171c !important; }');
  86.     addGlobalStyle('html .tw-input { background-color: #fff !important; }');
  87.     addGlobalStyle('body { background-color: #FAF9FA !important; }');
  88.     addGlobalStyle('html .side-nav { background-color: #17141F !important; }');
  89.     addGlobalStyle('html .side-nav .tw-svg__asset, html .side-nav .tw-icon__svg, html .top-nav__menu .tw-icon__svg { fill: rgb(137, 131, 149) !important; }');
  90.     addGlobalStyle('html .side-nav .upsell-center-text__header { color: #19171c !important; }');
  91.     addGlobalStyle('html .side-nav .side-nav-card__link:hover { background: #2f2f37 !important; }');
  92.     addGlobalStyle('html .side-nav .side-nav-header { color: #fff !important; }');
  93.     addGlobalStyle('html .side-nav .tw-link { color: rgb(191, 148, 255) !important; }');
  94.     
  95.  
  96.   }
  97.  
  98.  
  99.   
  100. })
  101.  
  102. observer.observe(e, {
  103.   attributes: true, 
  104.   attributeFilter: ['class'],
  105.   childList: false, 
  106.   characterData: false
  107. })
  108.   
  109.  
  110. })();
  111.  

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址