☰

Greasy Fork镜像 Dark Theme

changes greasy/sleazy fork bright theme to dark.

  1. // ==UserScript==
  2. // @name Greasy Fork镜像 Dark Theme
  3. // @name:ar Greasy Fork镜像 مظهر داكن
  4. // @name:zh-CN Greasy Fork镜像 黑暗主题
  5. // @name:fr Greasy Fork镜像 Dark Thème
  6. // @name:de Greasy Fork镜像 Dunkles Thema
  7. // @name:it Greasy Fork镜像 Dark Tema
  8. // @name:ja Greasy Fork镜像 暗いテーマ
  9. // @name:ko Greasy Fork镜像 어두운 테마
  10. // @name:ru Тёмная тема Greasy Fork镜像
  11. // @name:tr Greasy Fork镜像 Karanlık Tema
  12. // @name:vi Greasy Fork镜像 Chủ đề tối
  13. // @namespace -
  14. // @version 1.9
  15. // @description changes greasy/sleazy fork bright theme to dark.
  16. // @description:ar  التغييرات greasy/sleazy fork موضوع مشرق إلى الظلام.
  17. // @description:zh-CN 变化 greasy/sleazy fork 明亮的主题到黑暗。
  18. // @description:fr changements greasy/sleazy fork thème clair à sombre.
  19. // @description:de Änderungen greasy/sleazy fork helles Thema zu dunkel.
  20. // @description:it  i cambiamenti greasy/sleazy fork tema luminoso al buio.
  21. // @description:ja  変更 greasy/sleazy fork 明るいテーマから暗いテーマ。
  22. // @description:ko  변경 사항 greasy/sleazy fork 밝은 테마를 어둡게.
  23. // @description:ru  Меняет светлую тему greasy/sleazy fork на тёмную.
  24. // @description:tr  değişiklikler greasy/sleazy fork karanlık için parlak tema.
  25. // @description:vi  thay đổi greasy/sleazy fork chủ đề sáng đến tối.
  26. // @author NotYou
  27. // @include *gf.qytechs.cn/*
  28. // @include *sleazyfork.org/*
  29. // @compatible Chrome Minimal: 31.0 | Recommened: 40.0 | Best Choice: Ungoogled Chromium 96.0.4664.110-1-or-later
  30. // @compatible Firefox Minimal: 27.0 | Recommened: 48.0 | Best Choice: Waterfox G4.0.5-or-later
  31. // @compatible Opera Minimal: 18.0 | Recommened: 25.0
  32. // @run-at document-body
  33. // @icon https://searx.be/image_proxy?url=https%3A%2F%2Fencrypted-tbn0.gstatic.com%2Fimages%3Fq%3Dtbn%3AANd9GcQBQeAIPvYfxjTxd6_TQQRR2y7i-kyia2vUCw%26usqp%3DCAU&h=202fb5ea70a36a5e40c4b0be47cffa21e6b419fb5d61926d4f0b3300544b49a7
  34. // @require https://code.jquery.com/jquery-3.3.1.min.js
  35. // @grant GM_addStyle
  36. // @grant GM.registerMenuCommand
  37. // @license GPL-3.0-or-later
  38. // ==/UserScript==
  39.  
  40. /*
  41.  
  42. ﹀ Change Log ﹀
  43.  
  44. 1.9 Version:
  45. - Color change feature!!! | https://gf.qytechs.cn/en
  46. - Fixed color for bottom border | https://gf.qytechs.cn/en/users/824432-notyou/sets/new
  47.  
  48. 1.8 Version:
  49. - Fixed Label font-variant | https://gf.qytechs.cn/en/users/sign_up
  50. - Fixed installing help background | https://gf.qytechs.cn/en/scripts/_
  51. - Better colors for announcements | https://gf.qytechs.cn/en
  52. - Fixed font-variant for labels | https://gf.qytechs.cn/en/users/edit
  53. - Better font-weight for libraries header | https://gf.qytechs.cn/en/users/_
  54.  
  55. 1.7 Version:
  56. - Better highlighting for editor | https://gf.qytechs.cn/en/scripts/_/versions/new
  57. - Fixed Sign up input fields | https://gf.qytechs.cn/en/users/sign_up
  58. - Fixed Sign in and Sign up text color | https://gf.qytechs.cn/en/users/sign_in
  59. - Fixed Sign out symbols: "[" and "]" | https://gf.qytechs.cn/en
  60. - Better hr element | https://gf.qytechs.cn/en/users/_-_
  61. - Fixed sign in fields text color | https://gf.qytechs.cn/en/users/sign_in
  62. - Fixed color for collapsed sidebar | https://gf.qytechs.cn/en/scripts
  63.  
  64. 1.6 Version:
  65. - Fixed sign in text color | https://gf.qytechs.cn/en/users/sign_in
  66. - Better background for mark | https://gf.qytechs.cn/en/users/_-_
  67. - Fixed Image Rendering | https://gf.qytechs.cn/en
  68. - Updated compilable scripts list | https://gf.qytechs.cn/en
  69. - Added border-radius to videos | https://gf.qytechs.cn/en/users/_-_
  70. - Better text size for subscript and superscript | https://gf.qytechs.cn/en/users/_-_
  71.  
  72. 1.5 Version:
  73. - Better tr element background | https://gf.qytechs.cn/en/users
  74. - Fixed versions diff highlighting | https://gf.qytechs.cn/en/scripts/_-_/diff
  75.  
  76. 1.4 Version:
  77. - Better titles in stats | https://gf.qytechs.cn/en/scripts/_-_/stats
  78. - Fixed Report Button margin for AR, UG and HE languages | https://gf.qytechs.cn/en/users/_-_
  79. - Correct color for report button | https://gf.qytechs.cn/en/users/_-_
  80. - Fixed "Show More" button at scripts page | https://gf.qytechs.cn/en/scripts/_-_
  81.  
  82. 1.3 Version:
  83. - Better Report Button | https://gf.qytechs.cn/en/users/_-_
  84. - Better figure element at help page | https://gf.qytechs.cn/en/help/installing-user-scripts
  85. - Less weighted JS, CSS, Moderator, Author badges | https://gf.qytechs.cn/en/users/_-_
  86. - Better Library and Deleted badges font style | https://gf.qytechs.cn/en/users/_-_
  87. - Added transition and 3D effect to tabs | https://gf.qytechs.cn/en/scripts/_-_
  88. - Fixed Dialog window | https://gf.qytechs.cn/en/scripts/_-_
  89. - Better titles | https://gf.qytechs.cn/en/users/_-_
  90. - Scrollability +10px | https://gf.qytechs.cn/en/users
  91.  
  92. 1.2 Version:
  93. - Fixed Install Button at AR, UG and HE languages | https://gf.qytechs.cn/ar/scripts/_-_
  94. - Fixed Report Button at AR, UG and HE languages | https://gf.qytechs.cn/ar/users/_-_
  95. - Better button color at AR, UG and HE languages | https://gf.qytechs.cn/ar/scripts/_-_/admin
  96. - Brighter Content Box Shadow | https://gf.qytechs.cn/en/users/_-_
  97. - Fixed function name highlitghing | https://gf.qytechs.cn/en/script_versions/new
  98. - Better Install and Install Help Buttons | https://gf.qytechs.cn/en/scripts/_-_
  99. - New JS, CSS, Moderator, Author, Library, Deleted badge | https://gf.qytechs.cn/en/users/_-_
  100. - Better color for deleted note | https://gf.qytechs.cn/en/scripts/_-_
  101. - Better color for list | https://gf.qytechs.cn/en/scripts
  102.  
  103. 1.1 Version:
  104. - Better Languages Translate(https://gf.qytechs.cn/en/scripts/436913/discussions/111613) | https://gf.qytechs.cn/en/scripts/436913-greasy-fork-dark-theme
  105. - Better Browser Specification | https://gf.qytechs.cn/en
  106. - Removed re-sizing at ace editor | https://gf.qytechs.cn/en/scripts/_/versions/new
  107. - Better Selection | https://gf.qytechs.cn/en
  108. - Better Script Type Badge Color | https://gf.qytechs.cn/en/scripts/libraries
  109.  
  110. 1.0 Version:
  111. - Fixed pagination background | https://gf.qytechs.cn/en/scripts
  112. - Fixed Arabic, Hebrew, Uyghurs languages text color | https://gf.qytechs.cn/ar
  113. - New Icon | https://gf.qytechs.cn/en/scripts/436913-greasy-fork-dark-theme
  114. - Fixed Email&Password fields | https://gf.qytechs.cn/en/users/edit
  115. - Better h3 | https://gf.qytechs.cn/en/users/_-_
  116. - Better alarm | https://gf.qytechs.cn/en
  117. - Ads Block | https://gf.qytechs.cn/en
  118. - Faster script loading | https://gf.qytechs.cn/en
  119. - Editor Better Syntax Highlighting(1) | https://gf.qytechs.cn/en/scripts/_/versions/new
  120. - Editor Better Syntax Highlighting(2) | https://gf.qytechs.cn/en/scripts/_-_/code
  121.  
  122. 0.9 Version:
  123. - Better help button | https://gf.qytechs.cn/en/scripts/_-_
  124. - Added more localizations | https://gf.qytechs.cn/en/scripts/436913-greasy-fork-dark-theme
  125.  
  126. 0.8 Version:
  127. - Brighter bloom for rating | https://gf.qytechs.cn/en/scripts
  128. - Better color for Author badge | https://greasyforrk.org/en/users
  129. - Better Label text | https://gf.qytechs.cn/en/users/sign_in
  130. - Better text color for fields | https://gf.qytechs.cn/en/users/sign_in
  131. - Added bloom for fields | https://gf.qytechs.cn/en/users/sign_in
  132. - Fixed double background problem | https://gf.qytechs.cn/en/scripts/_-_/code
  133. - Better install button | https://gf.qytechs.cn/en/scripts/_-_
  134. - Better report button | https://gf.qytechs.cn/en/users/_-_
  135.  
  136. 0.7 Version:
  137. - Fixed textarea(1) | https://gf.qytechs.cn/en/scripts/_-_/discussions/_
  138. - Fixed textarea(2) | https://gf.qytechs.cn/en/users/_-_/conversations/_
  139. - Fixed bottom border at scripts | https://gf.qytechs.cn/en/scripts
  140. - Better cursor at page select | https://gf.qytechs.cn/en/scripts
  141. - Added bloom at badges | https://gf.qytechs.cn/en/users
  142. - Added bloom for script type | https://gf.qytechs.cn/en/scripts/libraries
  143. - Added custom color for read forums | https://gf.qytechs.cn/en/discussions
  144.  
  145. 0.6 Version:
  146. - Better selection color | https://gf.qytechs.cn/en
  147. - Fixed linenums (a5653620 thanks for noticing me) | https://gf.qytechs.cn/ru/scripts/_-_/code
  148. - Fixed border at code area | https://gf.qytechs.cn/en/scripts/_-_/code
  149.  
  150. 0.5 Version:
  151. - SleazyFork Support |  https://sleazyfork.org
  152. - Removes list style from li | https://gf.qytechs.cn/en/users/_-_
  153. - Better th text align in moderator log | https://gf.qytechs.cn/en/moderator_actions
  154. - Fixed textarea(1) in comment reply | https://gf.qytechs.cn/en/scripts/_-_/code
  155. - Better textarea(2) in feedback(preview) | https://gf.qytechs.cn/en/scripts/_-_/feedback
  156. - New selection color | https://gf.qytechs.cn/en
  157. - New error text | https://gf.qytechs.cn/en/scripts/_-_/versions
  158.  
  159. 0.4 Version:
  160. - Fixed colors in forumm | https://gf.qytechs.cn/en/discussions
  161. - Fixed textarea(1) in forum | https://gf.qytechs.cn/en/discussions/new
  162. - Fixed textarea(2) in report | https://gf.qytechs.cn/en/reports/new
  163. - Better colors in moderator log | https://gf.qytechs.cn/en/moderator_actions
  164. - Better shadow for option list | https://gf.qytechs.cn/en/scripts/
  165. - Fixed textarea(3) | https://gf.qytechs.cn/en/users/_-_/sets/new?fav=_
  166. - Better hover for curret category | https://gf.qytechs.cn/en/scripts/_
  167.  
  168. 0.3 Version:
  169. - Fixed textarea(1,2) | https://gf.qytechs.cn/en/scripts/_/versions/new
  170. - Better color | https://gf.qytechs.cn/en/scripts/_
  171. - Fixed list hover | https://gf.qytechs.cn/en/scripts
  172. - Better links | https://gf.qytechs.cn/en
  173. - Fixed page number | https://gf.qytechs.cn/en/scripts
  174. - Added background to description | https://gf.qytechs.cn/en/scripts
  175. - Better color main name | https://gf.qytechs.cn
  176.  
  177. 0.2 Version:
  178. - Fixed textarea(1) | https://gf.qytechs.cn/en/users/edit
  179. - Fixed textarea(2) | https://gf.qytechs.cn/en/scripts/_/versions/new
  180. - Fixed notices | https://gf.qytechs.cn/en/users/_-_
  181. - Fixed sign-in | https://gf.qytechs.cn/en/users/sign_in
  182. - Fixed code container | https://gf.qytechs.cn/en/scripts/_/code
  183.  
  184. 》 Mixable Scripts 《
  185. - Greasy Fork镜像+
  186. - GreasyFork Helper
  187. - GreasyFork Total Scripts
  188. - Greasy Fork镜像 Total Installs
  189. - Greasy Fork镜像 Display User's ID
  190. - Greasy Fork镜像 Total Downloads
  191. - Greasy Fork镜像 Christmas Theme
  192. - GreasyFork Total Installs(modified)
  193. - Greasy Fork镜像 Total Scripts(modified)
  194. - Greasy Fork镜像 Display User's ID(jQuery)
  195.  
  196. */
  197.  
  198. function changeColor() {
  199.     $('html > body').append('<div class="changeColorBox"><span id="colorChangerTitle"><span id="resetColor" title="Reset colors to default"></span>Color Changer<span id="colorCanvasClose" title="Close color selector"></span><canvas id="colorCanvas" class="color-canvas"></canvas></span></div>');
  200.  
  201.     function a() {
  202.         let canvas = document.getElementById('colorCanvas');
  203.         let canvasContext = canvas.getContext('2d');
  204.         let gradient = canvas.getContext('2d').createLinearGradient(0, 0, canvas.width, 0)
  205.  
  206.         gradient.addColorStop(0, '#ff0000')
  207.         gradient.addColorStop(1 / 6, '#ffff00')
  208.         gradient.addColorStop((1 / 6) * 2, '#00ff00')
  209.         gradient.addColorStop((1 / 6) * 3, '#00ffff')
  210.         gradient.addColorStop((1 / 6) * 4, '#0000ff')
  211.         gradient.addColorStop((1 / 6) * 5, '#ff00ff')
  212.         gradient.addColorStop(1, '#ff0000')
  213.         canvas.getContext('2d').fillStyle = gradient
  214.         canvas.getContext('2d').fillRect(0, 0, canvas.width, canvas.height)
  215.  
  216.         gradient = canvas.getContext('2d').createLinearGradient(0, 0, 0, canvas.height)
  217.         gradient.addColorStop(0, 'rgba(255, 255, 255, 1)')
  218.         gradient.addColorStop(0.5, 'rgba(255, 255, 255, 0)')
  219.         gradient.addColorStop(1, 'rgba(255, 255, 255, 0)')
  220.         canvas.getContext('2d').fillStyle = gradient
  221.         canvas.getContext('2d').fillRect(0, 0, canvas.width, canvas.height)
  222.  
  223.         gradient = canvas.getContext('2d').createLinearGradient(0, 0, 0, canvas.height)
  224.         gradient.addColorStop(0, 'rgba(0, 0, 0, 0)')
  225.         gradient.addColorStop(0.5, 'rgba(0, 0, 0, 0)')
  226.         gradient.addColorStop(1, 'rgba(0, 0, 0, 1)')
  227.         canvas.getContext('2d').fillStyle = gradient
  228.         canvas.getContext('2d').fillRect(0, 0, canvas.width, canvas.height)
  229.  
  230.         canvas.onclick = function(e) {
  231.             var imgData = canvasContext.getImageData((e.offsetX / canvas.clientWidth) * canvas.width, (e.offsetY / canvas.clientHeight) * canvas.height, 1, 1)
  232.             var rgba = imgData.data;
  233.             var color = "rgba(" + rgba[0] + ", " + rgba[1] + ", " + rgba[2] + ", " + rgba[3] + ")";
  234.             var color2 = "rgba(" + rgba[0] - 30 + ", " + rgba[1] + ", " + rgba[2] + ", " + rgba[3] + ")";
  235.             localStorage.setItem('mainColor', color)
  236.             localStorage.setItem('mainColor2', color2)
  237.         }
  238.     }
  239.     document.querySelector('.changeColorBox').addEventListener('click', function() {
  240.         $(this).append('<div id="reload"><button id="reloadPageBtn">Reload</button> page to use selected color. </div>');
  241.         document.querySelector('#reloadPageBtn').addEventListener('click', function() {
  242.             this.parentNode.remove();
  243.             window.history.go(0);
  244.         });
  245.     });
  246.     document.querySelector('#resetColor').addEventListener('click', function() {
  247.         this.parentNode.parentNode.remove();
  248.         localStorage.removeItem('mainColor');
  249.         localStorage.removeItem('mainColor2');
  250.         window.history.go(0);
  251.     });
  252.     document.querySelector('#colorCanvasClose').addEventListener('click', function() {
  253.         this.parentNode.parentNode.remove();
  254.     });
  255.     a()
  256. }
  257.  
  258. GM.registerMenuCommand('Change colors', changeColor);
  259.  
  260. var mainColor,
  261.     mainColor2;
  262.  
  263. if(localStorage.getItem('mainColor')) {
  264.     mainColor = localStorage.getItem('mainColor');
  265.     mainColor2 = localStorage.getItem('mainColor2');
  266. } else {
  267.     mainColor = 'rgb(240, 135, 0)';
  268.     mainColor2 = 'rgb(210, 140, 6)';
  269. }
  270.  
  271. (function() {
  272. let cssMain = `
  273.  
  274. :root {
  275.  --default-main: ` + mainColor + `;
  276.  --defailt-main-2: ` + mainColor2 + `;
  277. }
  278.  
  279. .changeColorBox {
  280.  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;
  281.  background-color: rgb(19, 19, 19);
  282.  border: 1px solid rgb(22, 22, 22);
  283.  position: fixed;
  284.  padding: 10px;
  285.  top: 20%;
  286.  left: 35%;
  287.  z-index: 999;
  288.  width: 370px;
  289. }
  290.  
  291. #colorChangerTitle {
  292.  display: inherit;
  293.  margin-bottom: 1px;
  294.  font-weight: 800;
  295.  font-size: 20px;
  296.  text-align: center;
  297. }
  298.  
  299. #colorCanvas {
  300.  height: 350px;
  301.  width: 350px;
  302.  cursor: crosshair;
  303. }
  304.  
  305. #colorCanvasClose {
  306.  box-sizing: border-box;
  307.  position: relative;
  308.  display: inline-block;
  309.  transform: scale(var(--ggs,1));
  310.  width: 22px;
  311.  height: 22px;
  312.  border: 2px solid transparent;
  313.  border-radius: 40px;
  314.  margin-bottom: -5px;
  315.  margin-right: -100px;
  316.  margin-left: 70px;
  317.  cursor: pointer;
  318. }
  319.  
  320. #colorCanvasClose::after, #colorCanvasClose::before {
  321.  content: "";
  322.  display: inline-block;
  323.  box-sizing: border-box;
  324.  position: absolute;
  325.  width: 16px;
  326.  height: 2px;
  327.  background: currentColor;
  328.  transform: rotate(45deg);
  329.  border-radius: 5px;
  330.  top: 8px;
  331.  left: 1px;
  332. }
  333.  
  334. #colorCanvasClose::after {
  335.  transform: rotate(-45deg);
  336. }
  337.  
  338. #resetColor {
  339.  box-sizing: border-box;
  340.  position: relative;
  341.  display: inline-block;
  342.  transform: scale(var(--ggs,1));
  343.  width: 14px;
  344.  height: 14px;
  345.  border: 2px solid;
  346.  border-left-color: transparent;
  347.  border-radius: 100px;
  348.  margin-right: 91px;
  349.  margin-left: -96px;
  350.  cursor: pointer;
  351. }
  352.  
  353. #resetColor::before {
  354.  content: "";
  355.  display: block;
  356.  box-sizing: border-box;
  357.  position: absolute;
  358.  width: 6px;
  359.  height: 6px;
  360.  border-top: 2px solid;
  361.  border-left: 2px solid;
  362.  top: -3px;
  363.  left: -1px;
  364.  transform: rotate(-68deg);
  365. }
  366.  
  367. `;
  368. if (typeof GM_addStyle !== "undefined") {
  369.   GM_addStyle(cssMain);
  370. } else {
  371.   let styleNode = document.createElement("style");
  372.   styleNode.appendChild(document.createTextNode(cssMain));
  373.   (document.querySelector("head") || document.documentElement).appendChild(styleNode);
  374. }
  375.  
  376. let css = `
  377.  
  378. .ad-entry, .adsbygoogle, .ad-content {
  379.  display: none !important
  380. }
  381.  
  382. :not(:lang(he)):not(:lang(ar)):not(:lang(ug)), body:lang(ar) #main-header, body:lang(he) #main-header, body:lang(ug) #main-header {
  383.  color: rgb(191, 191, 191);
  384. }
  385.  
  386. #main-header {
  387.  background-color: var(--default-main);
  388.  background-image: radial-gradient(var(--defailt-main-2), var(--default-main));
  389. }
  390.  
  391. #main-header h1 {
  392.  color: rgb(5, 5, 5);
  393.  padding: 6px 4px;
  394. }
  395.  
  396. #main-header, #main-header a, #main-header a:active, #main-header a:visited {
  397.  color: rgb(5, 5, 5);
  398. }
  399.  
  400. #main-header, #main-header a, #main-header a:active, #main-header a {
  401.  color: rgb(5, 5, 5);
  402. }
  403.  
  404. #site-nav > nav a:hover {
  405.  color: rgb(255, 255, 255);
  406.  text-decoration: underline !important;
  407. }
  408.  
  409. .sign-out-link {
  410.  color: rgb(5, 5, 5) !important;
  411. }
  412.  
  413. .report-link.report-link-abs::before {
  414.  content: "🚩 ";
  415. }
  416.  
  417. .report-link.report-link-abs {
  418.  box-shadow: rgba(221, 46, 68, 0.52) 0px 0px 5px;
  419.  background-color: rgba(36, 36, 36, 0.9);
  420.  border: 0.16em solid rgb(217, 29, 53);
  421.  color: rgb(230, 33, 58) !important;
  422.  padding: 1px 4px 2px 0px;
  423.  letter-spacing: 0.029em;
  424.  text-decoration: none;
  425.  border-radius: 5px;
  426.  font-weight: 600;
  427.  scale: 0.9;
  428. }
  429.  
  430. .report-link.report-link-abs:lang(ar), .report-link.report-link-abs:lang(ug), .report-link.report-link-abs:lang(he) {
  431.  direction: ltr;
  432.  margin-right: 90.46%;
  433. }
  434.  
  435. .tabs a {
  436.  transition: 300ms
  437. }
  438.  
  439. .tabs .current {
  440.  border-top: 7px solid var(--default-main) !important;
  441.  border-radius: 0px 0px 4px 4px;
  442. }
  443.  
  444. .tabs .current, .tabs > :not(.current) a:focus, .tabs > :not(.current) a:hover {
  445.  background: rgba(134, 134, 134, 0.03) none repeat scroll 0% 0%;
  446.  box-shadow: rgba(0, 0, 0, 0.38) 0px 1px;
  447.  border-radius: 0px 0px 4px 4px;
  448. }
  449.  
  450. #script-info {
  451.  border: 1px solid rgb(21, 21, 21);
  452.  background-color: rgb(19, 19, 19);
  453.  box-shadow: rgb(0, 0, 0) 0px 0px 5px;
  454. }
  455.  
  456. .code-container {
  457.  border: 1px solid rgb(21, 21, 21);
  458.  background-color: rgb(19, 19, 19);
  459.  box-shadow: rgb(0, 0, 0) 0px 0px 5px;
  460.  border-radius: 4px;
  461.  scrollbar-color: rgb(30, 30, 30) rgb(15, 15, 15) !important;
  462. }
  463.  
  464. .com {
  465.  background-color: rgb(19, 19, 19);
  466.  color: rgb(108, 108, 108) !important
  467. }
  468.  
  469. .pun, .pln {
  470.  color: rgb(191, 191, 191) !important;
  471. }
  472.  
  473. .opn {
  474.  color: rgb(202, 182, 75) !important;
  475. }
  476.  
  477. .clo {
  478.  color: rgb(52, 173, 210) !important;
  479. }
  480.  
  481. .str {
  482.  color: rgb(183, 181, 75) !important;
  483. }
  484.  
  485. .kwd {
  486.  color: rgb(69, 206, 69) !important;
  487. }
  488.  
  489. .lit {
  490.  color: rgb(196, 97, 200) !important;
  491. }
  492.  
  493. .typ {
  494.  color: rgb(100, 155, 215) !important;
  495. }
  496.  
  497. li.L1, li.L3, li.L5, li.L7, li.L9 {
  498.  background-color: rgb(19, 19, 19) !important;
  499. }
  500.  
  501. .linenums {
  502.  border: 1px solid rgb(21, 21, 21);
  503.  background-color: rgb(19, 19, 19) !important;
  504.  border-radius: 4px;
  505. }
  506.  
  507. .prettyprint.linenums.lang-js.prettyprinted {
  508.  border: none;
  509. }
  510.  
  511. #ace-editor {
  512.  border: 1px solid rgb(22, 22, 22);
  513.  background-color: rgb(19, 19, 19);
  514.  overflow: unset;
  515.  border-radius: 4px;
  516. }
  517.  
  518. .ace_gutter-cell {
  519.  background-color: rgb(11, 11, 11);
  520. }
  521.  
  522. .ace-tm .ace_gutter-active-line {
  523.  background-color: rgb(21, 21, 21);
  524. }
  525.  
  526. .ace_scroller {
  527.  background: rgb(21, 21, 21) !important;
  528. }
  529.  
  530. .ace_scrollbar-inner {
  531.  scrollbar-color: rgb(30, 30, 30) rgb(15, 15, 15) !important;
  532. }
  533.  
  534. .ace-tm .ace_comment {
  535.  color: rgb(115, 113, 106) !important;
  536. }
  537.  
  538. .ace-tm .ace_keyword.ace_operator {
  539.  color: rgb(121, 158, 202) !important;
  540. }
  541.  
  542. .ace-tm .ace_entity.ace_name.ace_function {
  543.  color: rgb(69, 200, 50) !important;
  544. }
  545.  
  546. .ace-tm .ace_support.ace_function {
  547.  color: rgb(223, 65, 65) !important;
  548. }
  549.  
  550. .ace-tm .ace_storage, .ace-tm .ace_keyword, .ace-tm .ace_support.ace_constant {
  551.  color: rgb(40, 185, 200) !important;
  552. }
  553.  
  554. .ace-tm .ace_string {
  555.  color: rgb(202, 182, 75) !important;
  556. }
  557.  
  558. .ace_identifier, .ace_paren.ace_lparen, .ace_paren.ace_rparen, .ace_punctuation.ace_operator {
  559.  color: rgb(217, 215, 215) !important;
  560. }
  561.  
  562. .ace-tm .ace_support.ace_type, .ace-tm .ace_support.ace_class {
  563.  color: rgb(174, 173, 72) !important;
  564. }
  565.  
  566. .ace-tm .ace_variable {
  567.  color: rgb(57, 177, 202) !important;
  568. }
  569.  
  570. .ace-tm .ace_constant {
  571.  color: rgb(14, 200, 52) !important;
  572. }
  573.  
  574. .ace-tm .ace_constant.ace_numeric {
  575.  color: rgb(182, 86, 196) !important;
  576. }
  577.  
  578. .diff {
  579.  max-height: none !important;
  580.  border: 2px solid rgb(15, 15, 15);
  581.  border-radius: 5px;
  582. }
  583.  
  584. .diff ul {
  585.  background: rgb(15, 15, 15) none repeat scroll 0% 0%;
  586. }
  587.  
  588. .diff li.ins {
  589.  background: rgba(66, 219, 34, 0.42) none repeat scroll 0% 0%;
  590. }
  591.  
  592. .diff ins strong {
  593.  background: rgba(29, 215, 14, 0.44) none repeat scroll 0% 0%;
  594. }
  595.  
  596. .diff li.diff-block-info {
  597.  background: rgb(19, 18, 18) none repeat scroll 0px 0px;
  598. }
  599.  
  600. .diff li:hover {
  601.  background: rgba(0, 0, 0, 0.19) none repeat scroll 0% 0%;
  602. }
  603.  
  604. .diff li.del, .diff del strong {
  605.  background: rgba(240, 0, 0, 0.29) none repeat scroll 0% 0%;
  606. }
  607.  
  608. .diff li.ins:hover, .diff ins strong:hover {
  609.  background: rgba(8, 255, 0, 0.19) none repeat scroll 0% 0%;
  610. }
  611.  
  612. .diff li.del:hover, .diff del strong:hover {
  613.  background: rgba(255, 0, 0, 0.19) none repeat scroll 0% 0% !important;
  614. }
  615.  
  616. #script-info header h2 {
  617.  color: rgb(191, 191, 191);
  618. }
  619.  
  620. .inline-script-stats dt {
  621.  color: rgb(191, 191, 191);
  622. }
  623.  
  624. .tabs .current, .tabs > :not(.current) a:focus, .tabs > :not(.current) a:hover {
  625.  color: rgb(191, 191, 191) !important;
  626. }
  627.  
  628. dd, dt {
  629.  color: rgb(191, 191, 191);
  630. }
  631.  
  632. .current {
  633.  color: rgb(191, 191, 191);
  634. }
  635.  
  636. #script-description {
  637.  color: rgb(191, 191, 191) !important;
  638. }
  639.  
  640. #script-links {
  641.  color: rgb(191, 191, 191) !important;
  642. }
  643.  
  644. #script-info header h2 {
  645.  color: rgb(191, 191, 191);
  646. }
  647.  
  648. #script-info > :last-child, .discussion-list > :last-child, .text-content > :last-child, .user-list > :last-child {
  649.  color: rgb(191, 191, 191) !important;
  650. }
  651.  
  652. #script-stats {
  653.  color: rgb(191, 191, 191) !important;
  654. }
  655.  
  656. #script-feedback-suggestion {
  657.  color: rgb(191, 191, 191) !important;
  658. }
  659.  
  660. .discussion-meta-item {
  661.  margin-left: 10%;
  662. }
  663.  
  664. #language-selector-locale {
  665.  color: rgb(191, 191, 191);
  666. }
  667.  
  668. .external-login {
  669.  color: rgb(191, 191, 191);
  670. }
  671.  
  672. .script-description.description {
  673.  color: rgb(191, 191, 191);
  674. }
  675.  
  676. .badge.badge-js {
  677.  color: rgb(17, 17, 17) !important;
  678. }
  679.  
  680. .badge.badge-js {
  681.  color: rgb(187, 187, 187) !important;
  682. }
  683.  
  684. .list-option-group .list-current {
  685.  color: rgb(191, 191, 191);
  686. }
  687.  
  688. .tabs .current {
  689.  color: rgb(191, 191, 191);
  690. }
  691.  
  692. .sidebarred-main-content {
  693.  color: rgb(191, 191, 191);
  694. }
  695.  
  696. .open-sidebar, .close-sidebar {
  697.  background-color: rgb(19, 19, 19);
  698.  border: 1px solid rgb(23, 23, 23);
  699. }
  700.  
  701. .sidebar {
  702.  background-color: rgb(19, 19, 19);
  703.  color: rgb(191, 191, 191);
  704. }
  705.  
  706. .sidebar-search input[type="search"] {
  707.  color: rgb(191, 191, 191);
  708. }
  709.  
  710. .width-constraint {
  711.  color: rgb(191, 191, 191);
  712. }
  713.  
  714. a.discussion-title {
  715.  color: rgb(191, 191, 191);
  716. }
  717.  
  718. .discussion-title:hover {
  719.  color: rgb(172, 172, 172);
  720. }
  721.  
  722. .super-title {
  723.  color: rgb(191, 191, 191);
  724. }
  725.  
  726. .rating-icon {
  727.  color: rgb(191, 191, 191);
  728. }
  729.  
  730. .bad-rating-count, .good-rating-count, .ok-rating-count {
  731.  color: rgb(191, 191, 191) !important;
  732. }
  733.  
  734. input[type=search] {
  735.  color: rgb(191, 191, 191) !important;
  736. }
  737.  
  738. figure {
  739.  background-color: rgb(19, 19, 19);
  740.  box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 5px;
  741. }
  742.  
  743. body {
  744.  color: rgb(191, 191, 191);
  745. }
  746.  
  747. button {
  748.  text-rendering: optimizelegibility;
  749.  color: rgb(191, 191, 191);
  750. }
  751.  
  752. input {
  753.  color: rgb(191, 191, 191);
  754. }
  755.  
  756. select {
  757.  color: rgb(191, 191, 191);
  758. }
  759.  
  760. textarea {
  761.  background-color: rgb(19, 19, 19);
  762.  border: 1px solid rgb(21, 21, 21);
  763.  border-radius: 4px;
  764.  color: rgb(191, 191, 191);
  765. }
  766.  
  767. select {
  768.  color: rgb(191, 191, 191);
  769. }
  770.  
  771. h2 {
  772.  color: rgb(191, 191, 191);
  773. }
  774.  
  775. h3 {
  776.  color: rgb(191, 191, 191);
  777. }
  778.  
  779. h4 {
  780.  color: rgb(191, 191, 191);
  781. }
  782.  
  783. h5 {
  784.  color: rgb(191, 191, 191);
  785. }
  786.  
  787. h6 {
  788.  color: rgb(191, 191, 191);
  789. }
  790.  
  791. span {
  792.  color: rgb(191, 191, 191);
  793. }
  794.  
  795. p {
  796.  color: rgb(191, 191, 191);
  797. }
  798.  
  799. .user-content {
  800.  background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(13, 13, 13), rgb(21, 21, 21) 1em) repeat scroll 0% 0%;
  801.  border-radius: 8px;
  802.  border: 1px solid rgb(25, 25, 25);
  803. }
  804.  
  805. #user_name, #user_password_confirmation {
  806.  background: rgb(19, 19, 19);
  807.  border: 1px solid rgb(26, 26, 26);
  808. }
  809.  
  810. #user_profile {
  811.  background-color: rgb(19, 19, 19);
  812.  border: 1px solid rgb(22, 22, 22);
  813.  border-radius: 4px;
  814. }
  815.  
  816. #user_profile:focus {
  817.  background-color: rgb(19, 19, 19);
  818.  border: 1px solid var(--default-main);
  819.  border-radius: 4px;
  820. }
  821.  
  822. .inline-form.external-login-form {
  823.  background-color: rgb(19, 19, 19);
  824.  border: 1px solid rgb(22, 22, 22);
  825. }
  826.  
  827. form.external-login-form {
  828.  user-select: none;
  829. }
  830.  
  831. .external-login-container .google_oauth2-login {
  832.  background-color: rgba(16, 151, 232, 0.19);
  833.  box-shadow: rgba(20, 89, 198, 0.1) 0px 0px 15px;
  834.  border: 1px solid rgba(19, 77, 215, 0.5);
  835.  border-radius: 4px;
  836.  cursor: pointer;
  837. }
  838.  
  839. .external-login-container .gitlab-login {
  840.  background-color: rgba(15, 15, 15, 0.93);
  841.  box-shadow: rgba(0, 0, 0, 0.32) 0px 0px 15px;
  842.  border: 1px solid rgb(0, 0, 0);
  843.  border-radius: 4px;
  844.  cursor: pointer;
  845. }
  846.  
  847. .external-login.github-login {
  848.  background-color: rgba(79, 79, 79, 0.42);
  849.  box-shadow: rgba(49, 49, 49, 0.32) 0px 0px 15px;
  850.  border: 1px solid rgb(23, 21, 22);
  851.  border-radius: 4px;
  852.  cursor: pointer;
  853. }
  854.  
  855. form.new_user {
  856.  background-color: rgb(19, 19, 19);
  857.  border: 1px solid rgb(21, 21, 21);
  858. }
  859.  
  860. form.new_user ~ a {
  861.  line-height: 170%;
  862. }
  863.  
  864. form.new_user {
  865.  background-color: rgb(19, 19, 19);
  866.  background-image: linear-gradient(rgb(21, 21, 21), rgb(19, 19, 19));
  867.  box-shadow: rgba(17, 17, 17, 0.53) 0px 0px 5px;
  868.  cursor: pointer;
  869. }
  870.  
  871. form.new_user input[type="submit"] {
  872.  background-color: var(--default-main);
  873.  background-image: radial-gradient(var(--defailt-main-2), var(--default-main));
  874. }
  875.  
  876. .actions > input {
  877.  color: rgb(227, 227, 227) !important;
  878. }
  879.  
  880. #user_email, #user_password {
  881.  color: rgb(10, 10, 10);
  882. }
  883.  
  884. #user_email {
  885.  background-color: rgb(19, 19, 19);
  886.  border: 1px solid rgb(25, 25, 25);
  887. }
  888.  
  889. #user_password {
  890.  background-color: rgb(19, 19, 19);
  891.  border: 1px solid rgb(25, 25, 25);
  892. }
  893.  
  894. #edit_user > div > #user_email {
  895.  color: rgb(191, 191, 191);
  896. }
  897.  
  898. form.new_user input[type="email"], form.new_user input[type="password"], form.new_user input[type="text"] {
  899.  border-radius: 4px;
  900. }
  901.  
  902. .modal__container {
  903.  background-color: rgb(19, 19, 19);
  904. }
  905.  
  906. .micromodal-slide[aria-hidden="false"] .modal__container {
  907.  background-color: rgb(19, 19, 19);
  908.  border: 1px solid rgb(26, 26, 26);
  909. }
  910.  
  911. .modal__title {
  912.  font-weight: 800;
  913. }
  914.  
  915. .modal__btn-primary {
  916.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(32, 96, 11), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
  917. }
  918.  
  919. .notice {
  920.  background-color: rgb(19, 19, 19);
  921.  border: 1px solid rgb(22, 22, 22);
  922.  border-left-color: rgb(22, 22, 22);
  923.  border-left-style: solid;
  924.  border-left-width: 1px;
  925.  border-left: 5px solid #31708f;
  926.  border-radius: 0px 6px 6px 0px;
  927. }
  928.  
  929. .announcement, .announcement input {
  930.  background: rgb(21, 21, 21);
  931.  padding: 2px;
  932.  border: 1px solid rgb(24, 24, 24);
  933.  border-radius: 4px;
  934. }
  935.  
  936. #deleted-note, #reported-note, #version-note {
  937.  background-color: rgb(17, 17, 17);
  938.  border: 2px dotted var(--default-main);
  939. }
  940.  
  941. .validation-errors {
  942.  background-color: rgb(28, 28, 28);
  943. }
  944.  
  945. .change-script-set section {
  946.  border-bottom: 1px solid rgb(32, 32, 32);
  947. }
  948.  
  949. .script-list li:not(.ad-entry) {
  950.  border-bottom: 1px solid rgb(19, 19, 19);
  951. }
  952.  
  953. .install-link {
  954.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(32, 96, 11), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
  955.  border-radius: 5px;
  956.  margin-right: 5px;
  957.  margin-left: 5px;
  958. }
  959.  
  960. .install-link:lang(ar), .install-link:lang(ug), .install-link:lang(he) {
  961.  border-radius: 5px;
  962. }
  963.  
  964. .install-help-link {
  965.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(44, 128, 17), rgba(0, 111, 0, 0.5)) repeat scroll 0% 0%;
  966.  border-radius: 5px;
  967. }
  968.  
  969. .install-help-link:lang(ar), .install-help-link:lang(ug), .install-help-link:lang(ug) {
  970.  border-radius: 5px;
  971. }
  972.  
  973. .install-link:hover {
  974.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(37, 111, 12), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
  975. }
  976.  
  977. .install-help-link:hover {
  978.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(51, 142, 20), rgba(0, 117, 0, 0.5)) repeat scroll 0% 0%;
  979. }
  980.  
  981. .install-link, .install-help-link {
  982.  user-select: none;
  983. }
  984.  
  985. nav nav {
  986.  box-shadow: rgb(0, 0, 0) 0px 0px 5px;
  987.  border: 1px solid var(--default-main);
  988.  background-color: var(--defailt-main-2);
  989.  border-radius: 4px;
  990. }
  991.  
  992. #language-selector-locale {
  993.  background-color: rgb(19, 19, 19);
  994.  border: 1px solid rgb(21, 21, 21);
  995.  border-radius: 4px;
  996. }
  997.  
  998. .home-search input[type="search"] {
  999.  background-color: #0f0f0f;
  1000.  border-color: #1e1e1e;
  1001.  border-radius: 4px;
  1002.  color: #fff9;
  1003. }
  1004.  
  1005. .discussion-list, .script-list, .text-content, .user-list {
  1006.  box-shadow: rgba(0, 0, 0, 0.76) 0px 0px 5px;
  1007.  background-color: rgb(15, 15, 15);
  1008.  border: 1px solid rgb(19, 19, 19);
  1009. }
  1010.  
  1011. .list-option-group ul {
  1012.  box-shadow: rgba(0, 0, 0, 0.38) 0px 0px 5px;
  1013.  border: 1px solid rgba(28, 28, 28, 0.17);
  1014.  border-radius: 5px;
  1015.  background-color: rgb(19, 19, 19);
  1016. }
  1017.  
  1018. .list-option-group a:focus, .list-option-group a:hover {
  1019.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(38, 38, 38), rgb(13, 13, 13)) repeat scroll 0% 0%;
  1020.  box-shadow: rgb(26, 26, 26) 0px -1px inset, rgb(19, 19, 19) 0px 1px inset;
  1021. }
  1022.  
  1023. .list-option-group .list-current {
  1024.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(28, 28, 28), rgb(17, 17, 17)) repeat scroll 0% 0%;
  1025.  border-left: 7px solid var(--default-main);
  1026. }
  1027.  
  1028. .list-option-button:focus, .list-option-button:hover {
  1029.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(43, 43, 43), rgb(30, 30, 30)) repeat scroll 0% 0%;
  1030. }
  1031.  
  1032. .list-option-button {
  1033.  background-color: rgb(21, 21, 21);
  1034.  border-radius: 5px;
  1035.  color: rgb(198, 198, 198) !important;
  1036.  border: 1px solid rgb(28, 28, 28);
  1037. }
  1038.  
  1039. .discussion-list-logged-in .discussion-read {
  1040.  background-color: rgb(19, 19, 19);
  1041. }
  1042.  
  1043. .discussion-list-item {
  1044.  border-top: 1px solid rgb(19, 19, 19);
  1045. }
  1046.  
  1047. .script-description.description {
  1048.  background-color: rgb(13, 13, 13);
  1049.  padding: 5px;
  1050.  border: 1px solid rgb(21, 21, 21);
  1051.  border-radius: 4px;
  1052. }
  1053.  
  1054. .rating-icon-good {
  1055.  border-color: rgb(77, 166, 77);
  1056.  box-shadow: rgba(41, 221, 15, 0.51) 0px 0px 5px;
  1057.  background-color: rgba(26, 204, 26, 0.54);
  1058. }
  1059.  
  1060. .rating-icon-ok {
  1061.  border-color: rgb(183, 152, 77);
  1062.  box-shadow: rgba(238, 193, 17, 0.51) 0px 0px 5px;
  1063.  background-color: rgba(234, 199, 10, 0.54);
  1064. }
  1065.  
  1066. .rating-icon-bad {
  1067.  border-color: rgb(183, 77, 77);
  1068.  box-shadow: rgba(238, 17, 17, 0.51) 0px 0px 5px;
  1069.  background-color: rgba(234, 10, 10, 0.54);
  1070. }
  1071.  
  1072. .good-rating-count {
  1073.  border-color: rgba(0, 255, 0, 0.3);
  1074.  box-shadow: rgba(41, 221, 15, 0.22) 0px 0px 5px;
  1075.  background-color: rgba(14, 225, 14, 0.26);
  1076. }
  1077.  
  1078. .ok-rating-count {
  1079.  background-color: rgba(225, 225, 0, 0.22);
  1080.  border-color: rgba(234, 234, 0, 0.37);
  1081.  box-shadow: rgba(221, 179, 15, 0.24) 0px 0px 5px;
  1082. }
  1083.  
  1084. .bad-rating-count {
  1085.  background-color: rgba(255, 0, 0, 0.23);
  1086.  border-color: rgba(234, 0, 0, 0.33);
  1087.  box-shadow: rgba(221, 15, 15, 0.41) 0px 0px 5px;
  1088. }
  1089.  
  1090. .badge {
  1091.  padding: 0.2px 0.5ex;
  1092. }
  1093.  
  1094. .badge.badge-js {
  1095.  background-color: rgba(36, 36, 36, 0.9);
  1096.  box-shadow: rgba(221, 179, 15, 0.38) 0px 0px 5px;
  1097.  border: 0.16em solid rgb(204, 153, 0);
  1098.  border-radius: 4px;
  1099.  color: rgb(204, 153, 0) !important;
  1100.  font-weight: 600;
  1101. }
  1102.  
  1103. .badge.badge-css {
  1104.  background-color: rgba(36, 36, 36, 0.9);
  1105.  box-shadow: rgba(15, 86, 221, 0.38) 0px 0px 5px;
  1106.  border: 0.16em solid rgb(0, 99, 204);
  1107.  border-radius: 4px;
  1108.  color: rgb(0, 99, 204) !important;
  1109.  font-weight: 600;
  1110. }
  1111.  
  1112. .badge-author {
  1113.  background-color: rgba(36, 36, 36, 0.9);
  1114.  box-shadow: rgba(41, 221, 15, 0.29) 0px 0px 5px;
  1115.  border: 0.12em solid rgb(34, 151, 1);
  1116.  color: rgb(48, 196, 27) !important;
  1117.  border-radius: 5px;
  1118.  font-weight: 600;
  1119. }
  1120.  
  1121. .badge-banned {
  1122.  background-color: rgba(36, 36, 36, 0.9);
  1123.  box-shadow: rgba(221, 15, 15, 0.51) 0px 0px 5px;
  1124.  border: 0.12em solid rgb(193, 15, 15);
  1125.  color: rgb(191, 26, 26) !important;
  1126.  border-radius: 5px;
  1127.  font-weight: 600;
  1128. }
  1129.  
  1130. .badge-moderator {
  1131.  background-color: rgba(36, 36, 36, 0.9);
  1132.  box-shadow: rgba(19, 94, 210, 0.5) 0px 0px 5px;
  1133.  border: 0.12em solid rgb(18, 93, 210);
  1134.  border-radius: 5px;
  1135.  color: rgb(17, 95, 217) !important;
  1136.  font-weight: 600;
  1137. }
  1138.  
  1139. .script-type {
  1140.  box-shadow: rgba(221, 160, 15, 0.29) 0px 0px 5px;
  1141.  background-color: rgba(36, 36, 36, 0.9);
  1142.  border: 0.16em solid rgb(172, 81, 0);
  1143.  color: rgb(221, 102, 15) !important;
  1144.  padding: 0.8px 0.5ex 2px 2px;
  1145.  font-variant: all-petite-caps;
  1146.  border-radius: 4px;
  1147.  position: relative;
  1148.  font-weight: 800;
  1149.  margin-left: 1ex;
  1150.  font-size: 70%;
  1151.  top: -0.2ex;
  1152. }
  1153.  
  1154. #home-top-sites a {
  1155.  color: var(--default-main);
  1156.  text-decoration: none;
  1157. }
  1158.  
  1159. #home-top-sites a:hover {
  1160.  text-decoration: underline;
  1161. }
  1162.  
  1163. #control-panel h3, #user-discussions-on-scripts-written h3, #user-discussions h3, #user-conversations h3, #user-script-sets-section h3, #user-script-list-section h3, #user-deleted-script-list-section h3, #script-content h3, .text-content h3, #user-library-list-section h3, .sidebarred-main-content h3 {
  1164.  font-variant: all-petite-caps;
  1165.  font-weight: 800;
  1166. }
  1167.  
  1168. #add-additional-info {
  1169.  color: rgb(221, 221, 221);
  1170. }
  1171.  
  1172. #script-version-additional-info-0 {
  1173.  background-color: rgb(19, 19, 19);
  1174.  border: 1px solid rgb(11, 11, 11);
  1175.  border-radius: 5px;
  1176. }
  1177.  
  1178. .expander {
  1179.  background-color: rgb(28, 28, 28);
  1180.  text-decoration: underline;
  1181.  border: 1px solid rgb(35, 35, 35);
  1182.  margin-top: -8px !important;
  1183.  padding: 1px;
  1184. }
  1185.  
  1186. #script_version_code {
  1187.  background-color: rgb(19, 19, 19);
  1188.  border-radius: 5px;
  1189.  border: 1px solid rgb(22, 22, 22);
  1190. }
  1191.  
  1192. #script_version_changelog {
  1193.  background-color: rgb(19, 19, 19);
  1194.  border-radius: 5px;
  1195.  border: 1px solid rgb(22, 22, 22);
  1196. }
  1197.  
  1198. #discussion_comments_attributes_0_text {
  1199.  background-color: rgb(19, 19, 19);
  1200.  border: 1px solid rgb(23, 23, 23);
  1201.  border-radius: 5px;
  1202. }
  1203.  
  1204. #report_explanation {
  1205.  background-color: rgb(19, 19, 19);
  1206.  border: 1px solid rgb(23, 23, 23);
  1207.  border-radius: 5px;
  1208. }
  1209.  
  1210. #add-script {
  1211.  background-color: rgb(19, 19, 19);
  1212.  border: 1px solid rgb(23, 23, 23);
  1213.  border-radius: 5px;
  1214. }
  1215.  
  1216. #comment_text {
  1217.  background-color: rgb(19, 19, 19);
  1218.  border: 1px solid rgb(23, 23, 23);
  1219.  border-radius: 5px;
  1220. }
  1221.  
  1222. #conversation_messages_attributes_0_content {
  1223.  background-color: rgb(19, 19, 19);
  1224.  border: 1px solid rgb(23, 23, 23);
  1225.  border-radius: 5px;
  1226. }
  1227.  
  1228. #message_content {
  1229.  background-color: rgb(19, 19, 19);
  1230.  border: 1px solid rgb(23, 23, 23);
  1231.  border-radius: 5px;
  1232. }
  1233.  
  1234. .alert {
  1235.  border-color: currentcolor currentcolor currentcolor var(--default-main);
  1236.  background-color: rgba(40, 40, 40, 0.18);
  1237.  border-radius: 0px 8px 8px 0px;
  1238. }
  1239.  
  1240. .pagination, .script-list + .pagination, .user-list + .pagination {
  1241.  margin-bottom: 10px;
  1242.  padding: 2px;
  1243. }
  1244.  
  1245. .pagination > *, .script-list + .pagination > *, .user-list + .pagination > * {
  1246.  background-color: rgb(19, 19, 19);
  1247.  box-shadow: rgba(0, 0, 0, 0.52) 0px 0px 5px;
  1248.  cursor: pointer;
  1249. }
  1250.  
  1251. .pagination > a:focus, .pagination > a:hover {
  1252.  background-color: rgb(28, 28, 28);
  1253.  cursor: pointer;
  1254. }
  1255.  
  1256. .pagination .current {
  1257.  background-color: rgb(28, 28, 28);
  1258.  cursor: pointer;
  1259. }
  1260.  
  1261. .gap {
  1262.  user-select: none;
  1263. }
  1264.  
  1265. .log-table th {
  1266.  text-align: center;
  1267. }
  1268.  
  1269. .stats-table td, .stats-table th {
  1270.  border: 1px solid rgb(26, 26, 26);
  1271. }
  1272.  
  1273. ::selection {
  1274.  background: rgba(0, 0, 0, 0.5);
  1275.  color: rgb(191,  191, 191);
  1276.  filter: contrast(130%);
  1277.  border-radius: 3px;
  1278. }
  1279.  
  1280. mark {
  1281.  background: rgba(255, 205, 54, 0.4);
  1282. }
  1283.  
  1284. sub, sup {
  1285.  font-size: 12px;
  1286. }
  1287.  
  1288. label, #edit_user > div > label, .checkbox-label {
  1289.  font-variant: all-petite-caps !important;
  1290. }
  1291.  
  1292. li {
  1293.  list-style: none;
  1294. }
  1295.  
  1296. tr {
  1297.  background-color: rgb(16, 16, 16);
  1298. }
  1299.  
  1300. td {
  1301.  background-color: rgb(11, 11, 11);
  1302. }
  1303.  
  1304. select {
  1305.  background-color: rgb(19, 19, 19);
  1306.  border-radius: 4px;
  1307.  border: 1px solid rgb(23, 23, 23);
  1308. }
  1309.  
  1310. code, pre {
  1311.  border: 1px solid rgb(32, 32, 32);
  1312. }
  1313.  
  1314. code {
  1315.  background-color: rgb(26, 26, 26);
  1316. }
  1317.  
  1318. h3 {
  1319.  font-variant: small-caps;
  1320. }
  1321.  
  1322. hr {
  1323.  color: rgb(87, 87, 87) !important;
  1324.  border-bottom: 1px solid rgb(36, 36, 36);
  1325. }
  1326.  
  1327. button {
  1328.  background-color: rgb(19, 19, 19);
  1329.  border: 1px solid rgb(23, 23, 23);
  1330.  border-radius: 4px;
  1331.  margin-top: 2px;
  1332. }
  1333.  
  1334. button:hover {
  1335.  background-color: rgb(22, 22, 22);
  1336.  border: 1px solid rgb(25, 25, 25);
  1337. }
  1338.  
  1339. input {
  1340.  background-color: rgb(19, 19 , 19);
  1341.  border: 1px solid rgb(22, 22, 22);
  1342.  border-radius: 4px;
  1343. }
  1344.  
  1345. img, video {
  1346.  border-radius: 4px;
  1347. }
  1348.  
  1349. a {
  1350.  color: rgb(191, 191, 191);
  1351. }
  1352.  
  1353. a:visited {
  1354.  color: rgb(191, 191, 191);
  1355. }
  1356.  
  1357. body {
  1358.  background-color: rgb(19, 19, 19);
  1359. }
  1360.  
  1361. `;
  1362. if (typeof GM_addStyle !== "undefined") {
  1363.   GM_addStyle(css);
  1364. } else {
  1365.   let styleNode = document.createElement("style");
  1366.   styleNode.appendChild(document.createTextNode(css));
  1367.   (document.querySelector("head") || document.documentElement).appendChild(styleNode);
  1368. }
  1369. })();
  1370.  
  1371.  
  1372.  
  1373.  
  1374.  
  1375.  
  1376.  
  1377.  
  1378.  
  1379.  
  1380.  
  1381.  
  1382.  
  1383.  
  1384.  
  1385.  
  1386.  
  1387.  
  1388.  
  1389.  
  1390.  
  1391.  
  1392.  
  1393.  
  1394.  
  1395.  
  1396.  
  1397.  
  1398.  
  1399.  
  1400.  
  1401.  
  1402.  
  1403.  
  1404.  
  1405.  
  1406.  
  1407.  
  1408.  
  1409.  
  1410.  
  1411.  
  1412.  
  1413.  
  1414.  
  1415.  
  1416.  
  1417.  
  1418.  
  1419.  
  1420.  
  1421.  
  1422.  
  1423.  
  1424.  
  1425.  
  1426. // hey there

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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