☰

GreasyFork 暗黑模式

将 Greasy Fork 界面切换为暗黑模式。

  1. // ==UserScript==
  2. // @name          GreasyFork Modo Escuro
  3. // @name:pt       GreasyFork Modo Escuro
  4. // @name:pt-BR    GreasyFork Modo Escuro
  5. // @name:pt-PT    GreasyFork Modo Escuro
  6. // @name:es       Modo Oscuro de GreasyFork
  7. // @name:en       GreasyFork Dark Mode
  8. // @name:en       GreasyFork Dark Mode
  9. // @name:fr       Mode sombre GreasyFork
  10. // @name:ru       Тёмный режим GreasyFork
  11. // @name:ja       GreasyFork ダークモード
  12. // @name:ko       GreasyFork 다크 모드
  13. // @name:zh-TW    GreasyFork 黑暗模式
  14. // @name:zh-CN    GreasyFork 暗黑模式
  15. // @name:id       Mode Gelap GreasyFork
  16. // @name:ug       GreasyFork كۈنجەلەر كۇنۇپكىسى
  17. // @name:ar       وضع الظلام لـ GreasyFork
  18. // @name:he       מצב כהה של GreasyFork
  19. // @name:hi       GreasyFork डार्क मोड
  20. // @name:th       โหมดมืด GreasyFork
  21. // @name:bg       Тъмнен режим на GreasyFork
  22. // @name:ro       Mod întunecat GreasyFork
  23. // @name:fi       GreasyForkin tumma tila
  24. // @name:it       Modalità scura GreasyFork
  25. // @name:el       Σκοτεινή λειτουργία GreasyFork
  26. // @name:eo       Malhela modo de GreasyFork
  27. // @name:hu       GreasyFork Sötét Mód
  28. // @name:nb       GreasyFork Mørk Modus
  29. // @name:sk       Tmavý režim GreasyFork
  30. // @name:sv       GreasyFork Mörkt läge
  31. // @name:sr       Тамни режим ГреасиФорк
  32. // @name:pl       Tryb ciemny GreasyFork
  33. // @name:nl       GreasyFork Donkere modus
  34. // @name:de       GreasyFork Dunkler Modus
  35. // @name:da       GreasyFork Mørk tilstand
  36. // @name:cs       Temný režim GreasyFork
  37. // @name:uk       Темний режим GreasyFork
  38. // @name:tr       GreasyFork Koyu Mod
  39. // @name:vi       Chế độ Tối GreasyFork
  40. // @name:fr-CA    Mode sombre GreasyFork
  41.  
  42. // @description       Deixa a interface do Greasy Fork em modo escuro.
  43. // @description:pt        Deixa a interface do Greasy Fork em modo escuro.
  44. // @description:pt-BR     Deixa a interface do Greasy Fork em modo escuro.
  45. // @description:pt-PT     Deixa a interface do Greasy Fork em modo escuro.
  46. // @description:es        Pone la interfaz de Greasy Fork en modo oscuro.
  47. // @description:en        Turns the Greasy Fork interface into dark mode.
  48. // @description:en        Turns the Greasy Fork interface into dark mode.
  49. // @description:fr        Met l'interface de Greasy Fork en mode sombre.
  50. // @description:ru        Переключает интерфейс Greasy Fork в темный режим.
  51. // @description:ja        Greasy Forkのインターフェースをダークモードに切り替えます。
  52. // @description:ko        Greasy Fork 인터페이스를 다크 모드로 변경합니다.
  53. // @description:zh-TW     將 Greasy Fork 介面切換為暗黑模式。
  54. // @description:zh-CN     将 Greasy Fork 界面切换为暗黑模式。
  55. // @description:id        Mengubah antarmuka Greasy Fork menjadi mode gelap.
  56. // @description:ug        Greasy Fork كۆرسەتكۈچىسىنى كۈنجەلەر كۇنۇپكىسىغا ئايلاندۇرىدۇ.
  57. // @description:ar        يقوم بتحويل واجهة Greasy Fork إلى الوضع الداكن.
  58. // @description:he        משנה את ממשק ה-Greasy Fork למצב כהה.
  59. // @description:hi        Greasy Fork इंटरफेस को डार्क मोड में बदलता है।
  60. // @description:th        ทำให้อินเตอร์เฟซของ Greasy Fork เป็นโหมดมืด
  61. // @description:bg        Превръща интерфейса на Greasy Fork в тъмен режим.
  62. // @description:ro        Transformă interfața Greasy Fork în modul întunecat.
  63. // @description:fi        Muuttaa Greasy Forkin käyttöliittymän tummaksi tilaksi.
  64. // @description:it        Trasforma l'interfaccia di Greasy Fork in modalità scura.
  65. // @description:el        Μετατρέπει τη διεπαφή του Greasy Fork σε σκοτεινή λειτουργία.
  66. // @description:eo        Ŝaltas la interfacon de Greasy Fork en malhelan modon.
  67. // @description:hu        Átkapcsolja a Greasy Fork felhasználói felületét sötét módba.
  68. // @description:nb        Bytter Greasy Fork-grensesnittet til mørk modus.
  69. // @description:sk        Prevráti rozhranie Greasy Fork do tmavého režimu.
  70. // @description:sv        Gör Greasy Fork-gränssnittet mörkt läge.
  71. // @description:sr        Пребацује интерфејс Греаси Форка у тамни режим.
  72. // @description:pl        Przełącza interfejs Greasy Fork w tryb ciemny.
  73. // @description:nl        Zet de interface van Greasy Fork om naar donkere modus.
  74. // @description:de        Schaltet die Benutzeroberfläche von Greasy Fork in den Dunkelmodus.
  75. // @description:da        Ændrer Greasy Fork-grænsefladen til mørk tilstand.
  76. // @description:cs        Přepne rozhraní Greasy Fork do tmavého režimu.
  77. // @description:uk        Перемикає інтерфейс Greasy Fork в темний режим.
  78. // @description:tr        Greasy Fork arayüzünü koyu moda çevirir.
  79. // @description:vi        Chuyển giao diện của Greasy Fork sang chế độ tối.
  80. // @description:fr-CA     Met l'interface de Greasy Fork en mode sombre.
  81.  
  82. // @namespace       http://linkme.bio/jhonpergon/?userscript=greasyfork_dark-mode
  83. // @version       1.0
  84. // @author       Jhon Pérgon
  85.  
  86. // @icon         https://greasyfork.org/vite/assets/blacklogo16-37ZGLlXh.png
  87. // @grant        GM_addStyle
  88. // @match        https://greasyfork.org/*
  89. // @grant        none
  90. // @license      MIT
  91.  
  92. // @compatible      chrome
  93. // @compatible      firefox
  94. // @compatible      opera
  95. // @compatible      edge
  96. // @compatible      safari
  97. // @compatible      berrybrowser
  98. // ==/UserScript==
  99.  
  100. (function() {
  101.     'use strict';
  102.  
  103.     let bodyStyles = document.createElement('style');
  104.     bodyStyles.innerHTML = `
  105.         body{
  106.             background-color: #121517; color: #fff;
  107.             color: #fff;
  108.             background-image: url("https://wallpapercrafter.com/desktop1/612985-binary-code-binary-code-dark-technology-art-graphics.jpg"); /*https://wallpapercrafter.com/th8001/612985-binary-code-binary-code-dark-technology-art-graphics.jpg*/
  109.             background-size: 100%;
  110.         }
  111.         p{
  112.           background-color: rgba(0,0,0,.7);
  113.         }
  114.         a{
  115.           color: #f40072;
  116.         }
  117.         a:hover{
  118.           text-shadow: 1px .5px 3px #b531ff;
  119.         }
  120.         a:visited {
  121.           color: #dd0b77;
  122.         }
  123.         .list-option-group ul {
  124.           background-color: #000;
  125.         }
  126.         .list-option-group .list-current{
  127.           border-left: 7px solid #7d1372;
  128.           box-shadow: inset 0 1px #9d2b561a,inset 0 -1px #1b0e221a;
  129.           margin: 0 0 0 -4px;
  130.           padding: .4em 1em .4em calc(1em - 3px);
  131.           background: linear-gradient(#550024,#140731);
  132.         }
  133.         .list-option-group a:hover,
  134.         .list-option-group a:focus {
  135.           background:linear-gradient(#1a142b,#680158);
  136.           text-decoration:none;
  137.           box-shadow:inset 0 -1px #ddd,inset 0 1px #eee;
  138.           color: #dcdcdc;
  139.         }
  140.         a.discussion-title {
  141.           color: #f3c9ff;
  142.         }
  143.         a.discussion-title:hover {
  144.           color: #efb6ff;
  145.         }
  146.         .rating-icon{
  147.           background-color: #000;
  148.         }
  149.  
  150.         .user-content {
  151.           background: linear-gradient(to right,#263351,#050c13ad 1em);
  152.           border-left: 2px solid #636dfb;
  153.         }
  154.         textarea{
  155.           background-color: #0c0e15;
  156.           color: #dcdcdc;
  157.           border: solid 2px #305473;
  158.         }
  159.  
  160.         .linenums li{
  161.           background-color: #dcdcdc;
  162.         }
  163.         .linenums li span{
  164.           background-color: #dcdcdc;
  165.         }
  166.  
  167.     `;
  168.     document.head.appendChild(bodyStyles);
  169.  
  170.     // Objeto que mapeia classes ou IDs de elementos para estilos de substituição
  171.     const estilosParaSubstituir = {
  172.         // INTERFACE
  173.         'main-header': 'background-image: linear-gradient(rgb(91, 0, 76), rgb(9, 6, 6)); background-color: #111010;', //cabeçalho
  174.  
  175.         'text-content': 'background-color: #0c0e0f; color: #fff; border: 1px solid #59162C; box-shadow: 0 0 5px #1557d5;', //content central
  176.  
  177.         'script-list': 'background-color: #07060b; border: 1px solid #59162C; box-shadow: 0 0 5px #1557d5;',
  178.         'script-info': 'background-color: #07060b; border: 1px solid #59162C; box-shadow: 0 0 5px #1557d5;',
  179.  
  180.         'script-list-sort': '',
  181.  
  182.         // Adicione mais pares de classes ou IDs aqui
  183.     };
  184.  
  185.       // Função para substituir estilos CSS em elementos
  186.       function substituirEstilos() {
  187.           for (const seletor in estilosParaSubstituir) {
  188.               const elementos = document.querySelectorAll(`.${seletor}, #${seletor}`);
  189.               elementos.forEach(elemento => {
  190.                   elemento.style.cssText += estilosParaSubstituir[seletor];
  191.               });
  192.           }
  193.       }
  194.  
  195.     substituirEstilos();
  196.  
  197. })();
  198.