☰

Greasy Fork 黑暗主题

变化 greasy/sleazy fork 明亮的主题到黑暗。

当前为 2021-12-28 提交的版本，查看 最新版本。

  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.5
  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. // @match *greasyfork.org/*
  28. // @match *sleazyfork.org/*
  29. // @connect greasyfork.org
  30. // @compatible Chrome Minimal: 31.0 | Recommened: 40.0 | Best Choice: Ungoogled Chromium 96.0.4664.110-1
  31. // @compatible Firefox Minimal: 27.0 | Recommened: 48.0 | Best Choice: Waterfox G4.0.5
  32. // @compatible Opera Minimal: 18.0 | Recommened: 25.0
  33. // @run-at document-body
  34. // @icon https://searx.be/image_proxy?url=https%3A%2F%2Fencrypted-tbn0.gstatic.com%2Fimages%3Fq%3Dtbn%3AANd9GcQBQeAIPvYfxjTxd6_TQQRR2y7i-kyia2vUCw%26usqp%3DCAU&h=202fb5ea70a36a5e40c4b0be47cffa21e6b419fb5d61926d4f0b3300544b49a7
  35. // @grant GM_addStyle
  36. // @license GPLv3
  37. // @license-link https://www.gnu.org/licenses/gpl-3.0.txt
  38. // ==/UserScript==
  39.  
  40. /*
  41.  
  42. ﹀ Change Log ﹀
  43.  
  44. 1.5 Version:
  45. - Better tr element background | https://greasyfork.org/en/users
  46. - Fixed versions diff highlighting | https://greasyfork.org/en/scripts/_-_/diff
  47.  
  48. 1.4 Version:
  49. - Better titles in stats | https://greasyfork.org/en/scripts/_-_/stats
  50. - Fixed Report Button margin for AR, UG and HE languages | https://greasyfork.org/en/users/_-_
  51. - Correct color for report button | https://greasyfork.org/en/users/_-_
  52. - Fixed "Show More" button at scripts page | https://greasyfork.org/en/scripts/_-_
  53.  
  54. 1.3 Version:
  55. - Better Report Button | https://greasyfork.org/en/users/_-_
  56. - Better figure element at help page | https://greasyfork.org/en/help/installing-user-scripts
  57. - Less weighted JS, CSS, Moderator, Author badges | https://greasyfork.org/en/users/_-_
  58. - Better Library and Deleted badges font style | https://greasyfork.org/en/users/_-_
  59. - Added transition and 3D effect to tabs | https://greasyfork.org/en/scripts/_-_
  60. - Fixed Dialog window | https://greasyfork.org/en/scripts/_-_
  61. - Better titles | https://greasyfork.org/en/users/_-_
  62. - Scrollability +10px | https://greasyfork.org/en/users
  63.  
  64. 1.2 Version:
  65. - Fixed Install Button at AR, UG and HE languages | https://greasyfork.org/ar/scripts/_-_
  66. - Fixed Report Button at AR, UG and HE languages | https://greasyfork.org/ar/users/_-_
  67. - Better button color at AR, UG and HE languages | https://greasyfork.org/ar/scripts/_-_/admin
  68. - Brighter Content Box Shadow | https://greasyfork.org/en/users/_-_
  69. - Fixed function name highlitghing | https://greasyfork.org/en/script_versions/new
  70. - Better Install and Install Help Buttons | https://greasyfork.org/en/scripts/_-_
  71. - New JS, CSS, Moderator, Author, Library, Deleted badge | https://greasyfork.org/en/users/_-_
  72. - Better color for deleted note | https://greasyfork.org/en/scripts/_-_
  73. - Better color for list | https://greasyfork.org/en/scripts
  74.  
  75. 1.1 Version:
  76. - Better Languages Translate(https://greasyfork.org/en/scripts/436913/discussions/111613) | https://greasyfork.org/en/scripts/436913-greasy-fork-dark-theme
  77. - Better Browser Specification | https://greasyfork.org/en
  78. - Removed re-sizing at ace editor | https://greasyfork.org/en/scripts/_/versions/new
  79. - Better Selection | https://greasyfork.org/en
  80. - Better Script Type Badge Color | https://greasyfork.org/en/scripts/libraries
  81.  
  82. 1.0 Version:
  83. - Fixed pagination background | https://greasyfork.org/en/scripts
  84. - Fixed Arabic, Hebrew, Uyghurs languages text color | https://greasyfork.org/ar
  85. - New Icon | https://greasyfork.org/en/scripts/436913-greasy-fork-dark-theme
  86. - Fixed Email&Password fields | https://greasyfork.org/en/users/edit
  87. - Better h3 | https://greasyfork.org/en/users/_-_
  88. - Better alarm | https://greasyfork.org/en
  89. - Ads Block | https://greasyfork.org/en
  90. - Faster script loading | https://greasyfork.org/en
  91. - Editor Better Syntax Highlighting(1) | https://greasyfork.org/en/scripts/_/versions/new
  92. - Editor Better Syntax Highlighting(2) | https://greasyfork.org/en/scripts/_-_/code
  93.  
  94. 0.9 Version:
  95. - Better help button | https://greasyfork.org/en/scripts/_-_
  96. - Added more localizations | https://greasyfork.org/en/scripts/436913-greasy-fork-dark-theme
  97.  
  98. 0.8 Version:
  99. - Brighter bloom for rating | https://greasyfork.org/en/scripts
  100. - Better color for Author badge | https://greasyforrk.org/en/users
  101. - Better Label text | https://greasyfork.org/en/users/sign_in
  102. - Better text color for fields | https://greasyfork.org/en/users/sign_in
  103. - Added bloom for fields | https://greasyfork.org/en/users/sign_in
  104. - Fixed double background problem | https://greasyfork.org/en/scripts/_-_/code
  105. - Better install button | https://greasyfork.org/en/scripts/_-_
  106. - Better report button | https://greasyfork.org/en/users/_-_
  107.  
  108. 0.7 Version:
  109. - Fixed textarea(1) | https://greasyfork.org/en/scripts/_-_/discussions/_
  110. - Fixed textarea(2) | https://greasyfork.org/en/users/_-_/conversations/_
  111. - Fixed bottom border at scripts | https://greasyfork.org/en/scripts
  112. - Better cursor at page select | https://greasyfork.org/en/scripts
  113. - Added bloom at badges | https://greasyfork.org/en/users
  114. - Added bloom for script type | https://greasyfork.org/en/scripts/libraries
  115. - Added custom color for read forums | https://greasyfork.org/en/discussions
  116.  
  117. 0.6 Version:
  118. - Better selection color | https://greasyfork.org/en
  119. - Fixed linenums (a5653620 thanks for noticing me) | https://greasyfork.org/ru/scripts/_-_/code
  120. - Fixed border at code area | https://greasyfork.org/en/scripts/_-_/code
  121.  
  122. 0.5 Version:
  123. - SleazyFork Support |  https://sleazyfork.org
  124. - Removes list style from li | https://greasyfork.org/en/users/_-_
  125. - Better th text align in moderator log | https://greasyfork.org/en/moderator_actions
  126. - Fixed textarea(1) in comment reply | https://greasyfork.org/en/scripts/_-_/code
  127. - Better textarea(2) in feedback(preview) | https://greasyfork.org/en/scripts/_-_/feedback
  128. - New selection color | https://greasyfork.org/en
  129. - New error text | https://greasyfork.org/en/scripts/_-_/versions
  130.  
  131. 0.4 Version:
  132. - Fixed colors in forumm | https://greasyfork.org/en/discussions
  133. - Fixed textarea(1) in forum | https://greasyfork.org/en/discussions/new
  134. - Fixed textarea(2) in report | https://greasyfork.org/en/reports/new
  135. - Better colors in moderator log | https://greasyfork.org/en/moderator_actions
  136. - Better shadow for option list | https://greasyfork.org/en/scripts/
  137. - Fixed textarea(3) | https://greasyfork.org/en/users/_-_/sets/new?fav=_
  138. - Better hover for curret category | https://greasyfork.org/en/scripts/_
  139.  
  140. 0.3 Version:
  141. - Fixed textarea(1,2) | https://greasyfork.org/en/scripts/_/versions/new
  142. - Better color | https://greasyfork.org/en/scripts/_
  143. - Fixed list hover | https://greasyfork.org/en/scripts
  144. - Better links | https://greasyfork.org/en
  145. - Fixed page number | https://greasyfork.org/en/scripts
  146. - Added background to description | https://greasyfork.org/en/scripts
  147. - Better color main name | https://greasyfork.org
  148.  
  149. 0.2 Version:
  150. - Fixed textarea(1) | https://greasyfork.org/en/users/edit
  151. - Fixed textarea(2) | https://greasyfork.org/en/scripts/_/versions/new
  152. - Fixed notices | https://greasyfork.org/en/users/_-_
  153. - Fixed sign-in | https://greasyfork.org/en/users/sign_in
  154. - Fixed code container | https://greasyfork.org/en/scripts/_/code
  155.  
  156. 》 Mixable Scripts 《
  157. - GreasyFork+
  158. - GreasyFork Helper
  159. - GreasyFork Total Scripts
  160. - GreasyFork Total Scripts(modified)
  161.  
  162. */
  163.  
  164. // CSS //
  165.  
  166. (function() {
  167. let css = `
  168.  
  169. .ad-entry, .adsbygoogle, .ad-content {
  170.  display: none !important
  171. }
  172.  
  173. :not(:lang(he)):not(:lang(ar)):not(:lang(ug)), body:lang(ar) #main-header, body:lang(he) #main-header, body:lang(ug) #main-header {
  174.  color: rgb(191, 191, 191);
  175. }
  176.  
  177. #main-header {
  178.  background-color: rgb(221, 97, 23);
  179.  background-image: linear-gradient(rgb(240, 135, 0), rgb(170, 96, 0));
  180. }
  181.  
  182. #main-header h1 {
  183.  color: #090909;
  184.  padding: 6px 4px;
  185. }
  186.  
  187. #main-header, #main-header a, #main-header a:active, #main-header a:visited {
  188.  color: rgb(5, 5, 5);
  189. }
  190.  
  191. #main-header, #main-header a, #main-header a:active, #main-header a {
  192.  color: rgb(5, 5, 5);
  193. }
  194.  
  195. #site-nav > nav a:hover {
  196.  color: rgb(255, 255, 255);
  197.  text-decoration: underline !important;
  198. }
  199.  
  200. .report-link.report-link-abs::before {
  201.     content: "🚩 ";
  202. }
  203.  
  204. .report-link.report-link-abs {
  205.  box-shadow: rgba(221, 46, 68, 0.52) 0px 0px 5px;
  206.  background-color: rgba(36, 36, 36, 0.9);
  207.  border: 0.16em solid rgb(217, 29, 53);
  208.  color: rgb(230, 33, 58) !important;
  209.  padding: 1px 4px 2px 0px;
  210.  letter-spacing: 0.029em;
  211.  text-decoration: none;
  212.  border-radius: 5px;
  213.  font-weight: 600;
  214.  scale: 0.9;
  215. }
  216.  
  217. .report-link.report-link-abs:lang(ar), .report-link.report-link-abs:lang(ug), .report-link.report-link-abs:lang(he) {
  218.  direction: ltr;
  219.  margin-right: 90.46%;
  220. }
  221.  
  222. .tabs a {
  223.  transition: 300ms
  224. }
  225.  
  226. .tabs .current {
  227.  border-top: 7px solid rgb(134, 113, 0) !important;
  228.  border-radius: 0px 0px 4px 4px;
  229. }
  230.  
  231. .tabs .current, .tabs > :not(.current) a:focus, .tabs > :not(.current) a:hover {
  232.  background: rgba(134, 134, 134, 0.03) none repeat scroll 0% 0%;
  233.  box-shadow: rgba(0, 0, 0, 0.38) 0px 1px;
  234.  border-radius: 0px 0px 4px 4px;
  235. }
  236.  
  237. #script-info {
  238.  border: 1px solid rgb(21, 21, 21);
  239.  background-color: rgb(19, 19, 19);
  240.  box-shadow: rgb(0, 0, 0) 0px 0px 5px;
  241. }
  242.  
  243. .code-container {
  244.  border: 1px solid rgb(21, 21, 21);
  245.  background-color: rgb(19, 19, 19);
  246.  box-shadow: rgb(0, 0, 0) 0px 0px 5px;
  247.  border-radius: 4px;
  248.  scrollbar-color: rgb(30, 30, 30) rgb(15, 15, 15) !important;
  249. }
  250.  
  251. .com {
  252.  background-color: rgb(19, 19, 19);
  253.  color: rgb(108, 108, 108) !important
  254. }
  255.  
  256. .pun, .pln {
  257.  color: rgb(191, 191, 191) !important;
  258. }
  259.  
  260. .opn {
  261.  color: rgb(202, 182, 75) !important;
  262. }
  263.  
  264. .clo {
  265.  color: rgb(52, 173, 210) !important;
  266. }
  267.  
  268. .str {
  269.  color: rgb(183, 181, 75) !important;
  270. }
  271.  
  272. .kwd {
  273.  color: rgb(69, 206, 69) !important;
  274. }
  275.  
  276. .lit {
  277.  color: rgb(196, 97, 200) !important;
  278. }
  279.  
  280. .typ {
  281.  color: rgb(100, 155, 215) !important;
  282. }
  283.  
  284. li.L1, li.L3, li.L5, li.L7, li.L9 {
  285.  background-color: rgb(19, 19, 19) !important;
  286. }
  287.  
  288. .linenums {
  289.  border: 1px solid rgb(21, 21, 21);
  290.  background-color: rgb(19, 19, 19) !important;
  291.  border-radius: 4px;
  292.  border: none;
  293. }
  294.  
  295. .prettyprint.linenums.lang-js.prettyprinted {
  296.  border: none;
  297. }
  298.  
  299. #ace-editor {
  300.  border: 1px solid rgb(22, 22, 22);
  301.  background-color: rgb(19, 19, 19);
  302.  overflow: unset;
  303.  border-radius: 4px;
  304. }
  305.  
  306. .ace_gutter-cell {
  307.  background-color: rgb(11, 11, 11);
  308. }
  309.  
  310. .ace-tm .ace_gutter-active-line {
  311.  background-color: rgb(21, 21, 21);
  312. }
  313.  
  314. .ace_scroller {
  315.  background: rgb(21, 21, 21) !important;
  316. }
  317.  
  318. .ace_scrollbar-inner {
  319.  scrollbar-color: rgb(30, 30, 30) rgb(15, 15, 15) !important;
  320. }
  321.  
  322. .ace-tm .ace_comment {
  323.  color: rgb(115, 113, 106) !important;
  324. }
  325.  
  326. .ace-tm .ace_keyword.ace_operator {
  327.  color: rgb(121, 158, 202) !important;
  328. }
  329.  
  330. .ace-tm .ace_entity.ace_name.ace_function {
  331.  color: rgb(69, 200, 50) !important;
  332. }
  333.  
  334. .ace-tm .ace_storage, .ace-tm .ace_keyword, .ace-tm .ace_support.ace_constant {
  335.  color: rgb(40, 185, 200) !important;
  336. }
  337.  
  338. .ace-tm .ace_string {
  339.  color: rgb(202, 182, 75) !important;
  340. }
  341.  
  342. .ace_identifier, .ace_paren.ace_lparen, .ace_paren.ace_rparen, .ace_punctuation.ace_operator {
  343.  color: rgb(217, 215, 215) !important;
  344. }
  345.  
  346. .ace-tm .ace_constant.ace_numeric {
  347.  color: rgb(182, 86, 196) !important;
  348. }
  349.  
  350. .diff {
  351.  max-height: none !important;
  352.  border: 2px solid rgb(15, 15, 15);
  353.  border-radius: 5px;
  354. }
  355.  
  356. .diff ul {
  357.  background: rgb(15, 15, 15) none repeat scroll 0% 0%;
  358. }
  359.  
  360. .diff li.ins {
  361.  background: rgba(66, 219, 34, 0.42) none repeat scroll 0% 0%;
  362. }
  363.  
  364. .diff ins strong {
  365.  background: rgba(29, 215, 14, 0.44) none repeat scroll 0% 0%;
  366. }
  367.  
  368. .diff li.diff-block-info {
  369.  background: rgb(19, 18, 18) none repeat scroll 0px 0px;
  370. }
  371.  
  372. .diff li:hover {
  373.  background: rgba(0, 0, 0, 0.19) none repeat scroll 0% 0%;
  374. }
  375.  
  376. .diff li.del, .diff del strong {
  377.  background: rgba(240, 0, 0, 0.29) none repeat scroll 0% 0%;
  378. }
  379.  
  380. .diff li.ins:hover, .diff ins strong:hover {
  381.  background: rgba(8, 255, 0, 0.19) none repeat scroll 0% 0%;
  382. }
  383.  
  384. .diff li.del:hover, .diff del strong:hover {
  385.  background: rgba(255, 0, 0, 0.19) none repeat scroll 0% 0% !important;
  386. }
  387.  
  388. #script-info header h2 {
  389.  color: rgb(191, 191, 191);
  390. }
  391.  
  392. .inline-script-stats dt {
  393.  color: rgb(191, 191, 191);
  394. }
  395.  
  396. .tabs .current, .tabs > :not(.current) a:focus, .tabs > :not(.current) a:hover {
  397.  color: rgb(191, 191, 191) !important;
  398. }
  399.  
  400. dd, dt {
  401.  color: rgb(191, 191, 191);
  402. }
  403.  
  404. .current {
  405.  color: rgb(191, 191, 191);
  406. }
  407.  
  408. #script-description {
  409.  color: rgb(191, 191, 191) !important;
  410. }
  411.  
  412. #script-links {
  413.  color: rgb(191, 191, 191) !important;
  414. }
  415.  
  416. #script-info header h2 {
  417.  color: rgb(191, 191, 191);
  418. }
  419.  
  420. #script-info > :last-child, .discussion-list > :last-child, .text-content > :last-child, .user-list > :last-child {
  421.  color: rgb(191, 191, 191) !important;
  422. }
  423.  
  424. #script-stats {
  425.  color: rgb(191, 191, 191) !important;
  426. }
  427.  
  428. #script-feedback-suggestion {
  429.  color: rgb(191, 191, 191) !important;
  430. }
  431.  
  432. .discussion-meta-item {
  433.  margin-left: 10%;
  434. }
  435.  
  436. #language-selector-locale {
  437.  color: rgb(191, 191, 191);
  438. }
  439.  
  440. .external-login {
  441.  color: rgb(191, 191, 191);
  442. }
  443.  
  444. .script-description.description {
  445.  color: rgb(191, 191, 191);
  446. }
  447.  
  448. .badge.badge-js {
  449.  color: rgb(17, 17, 17) !important;
  450. }
  451.  
  452. .badge.badge-js {
  453.  color: rgb(187, 187, 187) !important;
  454. }
  455.  
  456. .list-option-group .list-current {
  457.  color: rgb(191, 191, 191);
  458. }
  459.  
  460. .tabs .current {
  461.  color: rgb(191, 191, 191);
  462. }
  463.  
  464. .sidebarred-main-content {
  465.  color: rgb(191, 191, 191);
  466. }
  467.  
  468. .sidebar {
  469.  color: rgb(191, 191, 191);
  470. }
  471.  
  472. .sidebar-search input[type="search"] {
  473.  color: rgb(191, 191, 191);
  474. }
  475.  
  476. .width-constraint {
  477.  color: rgb(191, 191, 191);
  478. }
  479.  
  480. a.discussion-title {
  481.  color: rgb(191, 191, 191);
  482. }
  483.  
  484. .discussion-title:hover {
  485.  color: rgb(172, 172, 172);
  486. }
  487.  
  488. .super-title {
  489.  color: rgb(191, 191, 191);
  490. }
  491.  
  492. .rating-icon {
  493.  color: rgb(191, 191, 191);
  494. }
  495.  
  496. .bad-rating-count, .good-rating-count, .ok-rating-count {
  497.  color: rgb(191, 191, 191) !important;
  498. }
  499.  
  500. input[type=search] {
  501.  color: rgb(191, 191, 191) !important;
  502. }
  503.  
  504. figure {
  505.  background-color: rgb(19, 19, 19);
  506.  box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 5px;
  507. }
  508.  
  509. body {
  510.  color: rgb(191, 191, 191);
  511. }
  512.  
  513. button {
  514.  text-rendering: optimizelegibility;
  515.  color: rgb(191, 191, 191);
  516. }
  517.  
  518. input {
  519.  color: rgb(191, 191, 191);
  520. }
  521.  
  522. select {
  523.  color: rgb(191, 191, 191);
  524. }
  525.  
  526. textarea {
  527.  background-color: rgb(19, 19, 19);
  528.  border: 1px solid rgb(21, 21, 21);
  529.  border-radius: 4px;
  530.  color: rgb(191, 191, 191);
  531. }
  532.  
  533. select {
  534.  color: rgb(191, 191, 191);
  535. }
  536.  
  537. h2 {
  538.  color: rgb(191, 191, 191);
  539. }
  540.  
  541. h3 {
  542.  color: rgb(191, 191, 191);
  543. }
  544.  
  545. h4 {
  546.  color: rgb(191, 191, 191);
  547. }
  548.  
  549. h5 {
  550.  color: rgb(191, 191, 191);
  551. }
  552.  
  553. h6 {
  554.  color: rgb(191, 191, 191);
  555. }
  556.  
  557. span {
  558.  color: rgb(191, 191, 191);
  559. }
  560.  
  561. p {
  562.  color: rgb(191, 191, 191);
  563. }
  564.  
  565. .user-content {
  566.  background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(13, 13, 13), rgb(21, 21, 21) 1em) repeat scroll 0% 0%;
  567.  border-radius: 8px;
  568.  border: 1px solid rgb(25, 25, 25);
  569. }
  570.  
  571. #user_profile {
  572.  background-color: rgb(19, 19, 19);
  573.  border: 1px solid rgb(22, 22, 22);
  574.  border-radius: 4px;
  575. }
  576.  
  577. #user_profile:focus {
  578.  background-color: rgb(19, 19, 19);
  579.  border: 1px solid rgb(198, 152, 16);
  580.  border-radius: 4px;
  581. }
  582.  
  583. .inline-form.external-login-form {
  584.  background-color: rgb(19, 19, 19);
  585.  border: 1px solid rgb(22, 22, 22);
  586. }
  587.  
  588. form.external-login-form {
  589.  user-select: none;
  590. }
  591.  
  592. .external-login-container .google_oauth2-login {
  593.  background-color: rgba(16, 151, 232, 0.19);
  594.  box-shadow: rgba(20, 89, 198, 0.1) 0px 0px 15px;
  595.  border: 1px solid rgba(19, 77, 215, 0.5);
  596.  border-radius: 4px;
  597.  cursor: pointer;
  598. }
  599.  
  600. .external-login-container .gitlab-login {
  601.  background-color: rgba(15, 15, 15, 0.93);
  602.  box-shadow: rgba(0, 0, 0, 0.32) 0px 0px 15px;
  603.  border: 1px solid rgb(0, 0, 0);
  604.  border-radius: 4px;
  605.  cursor: pointer;
  606. }
  607.  
  608. .external-login.github-login {
  609.  background-color: rgba(79, 79, 79, 0.42);
  610.  box-shadow: rgba(49, 49, 49, 0.32) 0px 0px 15px;
  611.  border: 1px solid rgb(23, 21, 22);
  612.  border-radius: 4px;
  613.  cursor: pointer;
  614. }
  615.  
  616. form.new_user {
  617.  background-color: rgb(19, 19, 19);
  618.  border: 1px solid rgb(21, 21, 21);
  619. }
  620.  
  621. form.new_user ~ a {
  622.  line-height: 170%;
  623. }
  624.  
  625. form.new_user {
  626.  background-color: rgb(19, 19, 19);
  627.  background-image: linear-gradient(rgb(21, 21, 21), rgb(19, 19, 19));
  628.  box-shadow: rgba(17, 17, 17, 0.53) 0px 0px 5px;
  629.  cursor: pointer;
  630. }
  631.  
  632. form.new_user input[type="submit"] {
  633.  background-color: rgb(103, 77, 0);
  634.  background-image: linear-gradient(rgb(153, 129, 0), rgb(103, 72, 0));
  635. }
  636.  
  637. #user_email {
  638.  background-color: rgb(19, 19, 19);
  639.  border: 1px solid rgb(25, 25, 25);
  640. }
  641.  
  642. #user_password {
  643.  background-color: rgb(19, 19, 19);
  644.  border: 1px solid rgb(25, 25, 25);
  645. }
  646.  
  647. form.new_user input[type="email"], form.new_user input[type="password"], form.new_user input[type="text"] {
  648.  color: rgb(19, 19, 19);
  649.  border-radius: 4px;
  650. }
  651.  
  652. .micromodal-slide[aria-hidden="false"] .modal__container {
  653.  background-color: rgb(19, 19, 19);
  654.  border: 1px solid rgb(26, 26, 26);
  655. }
  656.  
  657. .modal__title {
  658.  font-weight: 800;
  659. }
  660.  
  661. .modal__btn-primary {
  662.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(32, 96, 11), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
  663. }
  664.  
  665. .notice {
  666.  background-color: rgb(19, 19, 19);
  667.  border: 1px solid rgb(22, 22, 22);
  668.  border-left-color: rgb(22, 22, 22);
  669.  border-left-style: solid;
  670.  border-left-width: 1px;
  671.  border-left: 5px solid #31708f;
  672.  border-radius: 0px 6px 6px 0px;
  673. }
  674.  
  675. #deleted-note, #reported-note, #version-note {
  676.  background-color: rgb(17, 17, 17);
  677.  border: 2px dotted rgb(198, 123, 26);
  678. }
  679.  
  680. .validation-errors {
  681.  background-color: rgb(28, 28, 28);
  682. }
  683.  
  684. .script-list li:not(.ad-entry) {
  685.  border-bottom: 1px solid rgb(19, 19, 19);
  686. }
  687.  
  688. .install-link {
  689.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(32, 96, 11), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
  690.  border-radius: 5px;
  691.  margin-right: 5px;
  692.  margin-left: 5px;
  693. }
  694.  
  695. .install-link:lang(ar), .install-link:lang(ug), .install-link:lang(he) {
  696.  border-radius: 5px;
  697. }
  698.  
  699. .install-help-link {
  700.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(44, 128, 17), rgba(0, 111, 0, 0.5)) repeat scroll 0% 0%;
  701.  border-radius: 5px;
  702. }
  703.  
  704. .install-help-link:lang(ar), .install-help-link:lang(ug), .install-help-link:lang(ug) {
  705.  border-radius: 5px;
  706. }
  707.  
  708. .install-link:hover {
  709.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(37, 111, 12), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
  710. }
  711.  
  712. .install-help-link:hover {
  713.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(51, 142, 20), rgba(0, 117, 0, 0.5)) repeat scroll 0% 0%;
  714. }
  715.  
  716. .install-link, .install-help-link {
  717.  user-select: none;
  718. }
  719.  
  720. nav nav {
  721.  box-shadow: rgb(0, 0, 0) 0px 0px 5px;
  722.  border: 1px solid rgb(202, 137, 14);
  723.  background-color: rgb(201, 113, 0);
  724.  border-radius: 4px;
  725. }
  726.  
  727. #language-selector-locale {
  728.  background-color: rgb(19, 19, 19);
  729.  border: 1px solid rgb(21, 21, 21);
  730.  border-radius: 4px;
  731. }
  732.  
  733. .home-search input[type="search"] {
  734.  background-color: #0f0f0f;
  735.  border-color: #1e1e1e;
  736.  border-radius: 4px;
  737.  color: #fff9;
  738. }
  739.  
  740. .discussion-list, .script-list, .text-content, .user-list {
  741.  box-shadow: rgba(0, 0, 0, 0.76) 0px 0px 5px;
  742.  background-color: rgb(15, 15, 15);
  743.  border: 1px solid rgb(19, 19, 19);
  744. }
  745.  
  746. .list-option-group ul {
  747.  box-shadow: rgba(0, 0, 0, 0.38) 0px 0px 5px;
  748.  border: 1px solid rgba(28, 28, 28, 0.17);
  749.  border-radius: 5px;
  750.  background-color: rgb(19, 19, 19);
  751. }
  752.  
  753. .list-option-group a:focus, .list-option-group a:hover {
  754.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(38, 38, 38), rgb(13, 13, 13)) repeat scroll 0% 0%;
  755.  box-shadow: rgb(26, 26, 26) 0px -1px inset, rgb(19, 19, 19) 0px 1px inset;
  756. }
  757.  
  758. .list-option-group .list-current {
  759.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(28, 28, 28), rgb(17, 17, 17)) repeat scroll 0% 0%;
  760.  border-left: 7px solid rgb(183, 180, 0);
  761. }
  762.  
  763. .list-option-button:focus, .list-option-button:hover {
  764.  background: rgba(0, 0, 0, 0) linear-gradient(rgb(43, 43, 43), rgb(30, 30, 30)) repeat scroll 0% 0%;
  765. }
  766.  
  767. .list-option-button {
  768.  background-color: rgb(21, 21, 21);
  769.  border-radius: 5px;
  770.  color: rgb(198, 198, 198) !important;
  771.  border: 1px solid rgb(28, 28, 28);
  772. }
  773.  
  774. .discussion-list-logged-in .discussion-read {
  775.  background-color: rgb(19, 19, 19);
  776. }
  777.  
  778. .discussion-list-item {
  779.  border-top: 1px solid rgb(19, 19, 19);
  780. }
  781.  
  782. .script-description.description {
  783.  background-color: rgb(13, 13, 13);
  784.  padding: 5px;
  785.  border: 1px solid rgb(21, 21, 21);
  786.  border-radius: 4px;
  787. }
  788.  
  789. .rating-icon-good {
  790.  border-color: rgb(77, 166, 77);
  791.  box-shadow: rgba(41, 221, 15, 0.51) 0px 0px 5px;
  792.  background-color: rgba(26, 204, 26, 0.54);
  793. }
  794.  
  795. .rating-icon-ok {
  796.  border-color: rgb(183, 152, 77);
  797.  box-shadow: rgba(238, 193, 17, 0.51) 0px 0px 5px;
  798.  background-color: rgba(234, 199, 10, 0.54);
  799. }
  800.  
  801. .rating-icon-bad {
  802.  border-color: rgb(183, 77, 77);
  803.  box-shadow: rgba(238, 17, 17, 0.51) 0px 0px 5px;
  804.  background-color: rgba(234, 10, 10, 0.54);
  805. }
  806.  
  807. .good-rating-count {
  808.  border-color: rgba(0, 255, 0, 0.3);
  809.  box-shadow: rgba(41, 221, 15, 0.22) 0px 0px 5px;
  810.  background-color: rgba(14, 225, 14, 0.26);
  811. }
  812.  
  813. .ok-rating-count {
  814.  background-color: rgba(225, 225, 0, 0.22);
  815.  border-color: rgba(234, 234, 0, 0.37);
  816.  box-shadow: rgba(221, 179, 15, 0.24) 0px 0px 5px;
  817. }
  818.  
  819. .bad-rating-count {
  820.  background-color: rgba(255, 0, 0, 0.23);
  821.  border-color: rgba(234, 0, 0, 0.33);
  822.  box-shadow: rgba(221, 15, 15, 0.41) 0px 0px 5px;
  823. }
  824.  
  825. .badge {
  826.  padding: 0.2px 0.5ex;
  827. }
  828.  
  829. .badge.badge-js {
  830.  background-color: rgba(36, 36, 36, 0.9);
  831.  box-shadow: rgba(221, 179, 15, 0.38) 0px 0px 5px;
  832.  border: 0.16em solid rgb(204, 153, 0);
  833.  border-radius: 4px;
  834.  color: rgb(204, 153, 0) !important;
  835.  font-weight: 600;
  836. }
  837.  
  838. .badge.badge-css {
  839.  background-color: rgba(36, 36, 36, 0.9);
  840.  box-shadow: rgba(15, 86, 221, 0.38) 0px 0px 5px;
  841.  border: 0.16em solid rgb(0, 99, 204);
  842.  border-radius: 4px;
  843.  color: rgb(0, 99, 204) !important;
  844.  font-weight: 600;
  845. }
  846.  
  847. .badge-author {
  848.  background-color: rgba(36, 36, 36, 0.9);
  849.  box-shadow: rgba(41, 221, 15, 0.29) 0px 0px 5px;
  850.  border: 0.12em solid rgb(34, 151, 1);
  851.  color: rgb(48, 196, 27) !important;
  852.  border-radius: 5px;
  853.  font-weight: 600;
  854. }
  855.  
  856. .badge-banned {
  857.  background-color: rgba(36, 36, 36, 0.9);
  858.  box-shadow: rgba(221, 15, 15, 0.51) 0px 0px 5px;
  859.  border: 0.12em solid rgb(193, 15, 15);
  860.  color: rgb(191, 26, 26) !important;
  861.  border-radius: 5px;
  862.  font-weight: 600;
  863. }
  864.  
  865. .badge-moderator {
  866.  background-color: rgba(36, 36, 36, 0.9);
  867.  box-shadow: rgba(19, 94, 210, 0.5) 0px 0px 5px;
  868.  border: 0.12em solid rgb(18, 93, 210);
  869.  border-radius: 5px;
  870.  color: rgb(17, 95, 217) !important;
  871.  font-weight: 600;
  872. }
  873.  
  874. .script-type {
  875.  box-shadow: rgba(221, 160, 15, 0.29) 0px 0px 5px;
  876.  background-color: rgba(36, 36, 36, 0.9);
  877.  border: 0.16em solid rgb(172, 81, 0);
  878.  color: rgb(221, 102, 15) !important;
  879.  padding: 0.8px 0.5ex 2px 2px;
  880.  font-variant: all-petite-caps;
  881.  border-radius: 4px;
  882.  position: relative;
  883.  font-weight: 800;
  884.  margin-left: 1ex;
  885.  font-size: 70%;
  886.  top: -0.2ex;
  887. }
  888.  
  889. #home-top-sites a {
  890.  color: #bdb322;
  891.  text-decoration: none;
  892. }
  893.  
  894. #home-top-sites a:hover {
  895.  color: #bdb322;
  896.  text-decoration: underline;
  897. }
  898.  
  899. #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 {
  900.  font-variant: all-petite-caps;
  901.  font-weight: 800;
  902. }
  903.  
  904. #add-additional-info {
  905.  color: rgb(221, 221, 221);
  906. }
  907.  
  908. #script-version-additional-info-0 {
  909.  background-color: rgb(19, 19, 19);
  910.  border: 1px solid rgb(11, 11, 11);
  911.  border-radius: 5px;
  912. }
  913.  
  914. .expander {
  915.  background-color: rgb(28, 28, 28);
  916.  text-decoration: underline;
  917.  border: 1px solid rgb(35, 35, 35);
  918.  margin-top: -8px !important;
  919.  padding: 1px;
  920. }
  921.  
  922. #script_version_code {
  923.  background-color: rgb(19, 19, 19);
  924.  border-radius: 5px;
  925.  border: 1px solid rgb(22, 22, 22);
  926. }
  927.  
  928. #script_version_changelog {
  929.  background-color: rgb(19, 19, 19);
  930.  border-radius: 5px;
  931.  border: 1px solid rgb(22, 22, 22);
  932. }
  933.  
  934. #discussion_comments_attributes_0_text {
  935.  background-color: rgb(19, 19, 19);
  936.  border: 1px solid rgb(23, 23, 23);
  937.  border-radius: 5px;
  938. }
  939.  
  940. #report_explanation {
  941.  background-color: rgb(19, 19, 19);
  942.  border: 1px solid rgb(23, 23, 23);
  943.  border-radius: 5px;
  944. }
  945.  
  946. #add-script {
  947.  background-color: rgb(19, 19, 19);
  948.  border: 1px solid rgb(23, 23, 23);
  949.  border-radius: 5px;
  950. }
  951.  
  952. #comment_text {
  953.  background-color: rgb(19, 19, 19);
  954.  border: 1px solid rgb(23, 23, 23);
  955.  border-radius: 5px;
  956. }
  957.  
  958. #conversation_messages_attributes_0_content {
  959.  background-color: rgb(19, 19, 19);
  960.  border: 1px solid rgb(23, 23, 23);
  961.  border-radius: 5px;
  962. }
  963.  
  964. #message_content {
  965.  background-color: rgb(19, 19, 19);
  966.  border: 1px solid rgb(23, 23, 23);
  967.  border-radius: 5px;
  968. }
  969.  
  970. .alert {
  971.  border-color: currentcolor currentcolor currentcolor rgb(206, 125, 20);
  972.  background-color: rgba(40, 40, 40, 0.18);
  973.  border-radius: 0px 8px 8px 0px;
  974. }
  975.  
  976. .pagination, .script-list + .pagination, .user-list + .pagination {
  977.  margin-bottom: 10px;
  978.  padding: 2px;
  979. }
  980.  
  981. .pagination > *, .script-list + .pagination > *, .user-list + .pagination > * {
  982.  background-color: rgb(19, 19, 19);
  983.  box-shadow: rgba(0, 0, 0, 0.52) 0px 0px 5px;
  984.  cursor: pointer;
  985. }
  986.  
  987. .pagination > a:focus, .pagination > a:hover {
  988.  background-color: rgb(28, 28, 28);
  989.  cursor: pointer;
  990. }
  991.  
  992. .pagination .current {
  993.  background-color: rgb(28, 28, 28);
  994.  cursor: pointer;
  995. }
  996.  
  997. .gap {
  998.  user-select: none;
  999. }
  1000.  
  1001. .log-table th {
  1002.  text-align: center;
  1003. }
  1004.  
  1005. .stats-table td, .stats-table th {
  1006.  border: 1px solid rgb(26, 26, 26);
  1007. }
  1008.  
  1009. ::selection {
  1010.  background: rgba(0, 0, 0, 0.5);
  1011.  color: rgb(191,  191, 191);
  1012.  filter: contrast(130%);
  1013.  border-radius: 3px;
  1014. }
  1015.  
  1016. label {
  1017.  font-variant: small-caps;
  1018. }
  1019.  
  1020. li {
  1021.  list-style: none;
  1022. }
  1023.  
  1024. tr {
  1025.  background-color: rgb(16, 16, 16);
  1026. }
  1027.  
  1028. td {
  1029.  background-color: rgb(11, 11, 11);
  1030. }
  1031.  
  1032. select {
  1033.  background-color: rgb(19, 19, 19);
  1034.  border-radius: 4px;
  1035.  border: 1px solid rgb(23, 23, 23);
  1036. }
  1037.  
  1038. code, pre {
  1039.  border: 1px solid rgb(32, 32, 32);
  1040. }
  1041.  
  1042. code {
  1043.  background-color: rgb(26, 26, 26);
  1044. }
  1045.  
  1046. h3 {
  1047.  font-variant: small-caps;
  1048. }
  1049.  
  1050. button {
  1051.  background-color: rgb(19, 19, 19);
  1052.  border: 1px solid rgb(23, 23, 23);
  1053.  border-radius: 4px;
  1054.  margin-top: 2px;
  1055. }
  1056.  
  1057. input {
  1058.  background-color: rgb(19, 19 , 19);
  1059.  border: 1px solid rgb(22, 22, 22);
  1060.  border-radius: 4px;
  1061. }
  1062.  
  1063. img {
  1064.  image-rendering: optimizequality;
  1065.  border-radius: 4px;
  1066. }
  1067.  
  1068. a {
  1069.  color: rgb(191, 191, 191);
  1070. }
  1071.  
  1072. a:visited {
  1073.  color: rgb(191, 191, 191);
  1074. }
  1075.  
  1076. body {
  1077.  background-color: rgb(19, 19, 19);
  1078. }
  1079.  
  1080. `;
  1081. if (typeof GM_addStyle !== "undefined") {
  1082.   GM_addStyle(css);
  1083. } else {
  1084.   let styleNode = document.createElement("style");
  1085.   styleNode.appendChild(document.createTextNode(css));
  1086.   (document.querySelector("head") || document.documentElement).appendChild(styleNode);
  1087. }
  1088. })();
  1089.  
  1090.  
  1091.  
  1092.  
  1093.  
  1094.  
  1095.  
  1096.  
  1097.  
  1098.  
  1099.  
  1100.  
  1101.  
  1102.  
  1103.  
  1104.  
  1105.  
  1106.  
  1107.  
  1108.  
  1109.  
  1110.  
  1111.  
  1112.  
  1113.  
  1114.  
  1115.  
  1116.  
  1117.  
  1118.  
  1119.  
  1120.  
  1121.  
  1122.  
  1123.  
  1124.  
  1125.  
  1126.  
  1127.  
  1128.  
  1129.  
  1130.  
  1131.  
  1132.  
  1133.  
  1134.  
  1135.  
  1136.  
  1137.  
  1138.  
  1139.  
  1140.  
  1141.  
  1142.  
  1143.  
  1144.  
  1145.  
  1146.  
  1147.  
  1148.  
  1149.