☰

Dark greasyfork

theme dark for greasefork

  1. // ==UserScript==
  2. // @name            Dark greasyfork
  3. // @namespace       https://gf.qytechs.cn/users/821661
  4. // @match           https://gf.qytechs.cn/*
  5. // @match           https://sleazyfork.org/*
  6. // @grant           none
  7. // @version         1.1.4
  8. // @author          hdyzen
  9. // @description     theme dark for greasefork
  10. // @license         MIT
  11. // @run-at          document-start
  12. // ==/UserScript==
  13. 'use strict';
  14.  
  15. function addCSS(text) {
  16.     document.documentElement.insertAdjacentHTML('beforeend', `<style rel='stylesheet'>${text}</style>`);
  17. }
  18.  
  19. // Style
  20. addCSS(`
  21. :root {
  22.     --dark-1: rgb(29, 32, 37) !important;
  23.     --dark-2: rgb(40, 44, 52) !important;
  24.     --dark-3: rgb(37, 41, 49) !important;
  25.     --dark-4: rgb(33, 36, 43) !important;
  26.     --blue-1: rgb(82, 139, 255) !important;
  27.     --blue-2: rgb(97, 175, 239) !important;
  28.     --blue-pool: rgb(86, 182, 194) !important;
  29.     --lavender: rgb(198, 120, 221) !important;
  30.     --green: rgb(152, 195, 121) !important;
  31.     --pink: rgb(224, 108, 117) !important;
  32.     --light-brown: rgb(209, 154, 102) !important;
  33.     --red: rgb(190, 80, 70) !important;
  34.     --yellow: rgb(235, 215, 17) !important;
  35.     --light-yellow: rgb(229, 192, 123) !important;
  36.     --blue-ice: rgb(171, 178, 191) !important;
  37.     --light-gray: rgb(204, 204, 204) !important;
  38.     --light-green: rgba(130, 255, 130, 0.6) !important;
  39.     --light-red: rgba(255, 130, 130, 0.6) !important;
  40.     --translucent: rgba(255, 255, 255, 0.3) !important;
  41.     --black: rgba(0, 0, 0, 1) !important;
  42.     --default-border-radius: 5px;
  43. }
  44. body {
  45.     background-color: var(--dark-3) !important;
  46.     color: var(--light-gray) !important;
  47. }
  48. #main-header,
  49. #main-header a,
  50. #main-header a:visited,
  51. #main-header a:active {
  52.     color: var(--light-gray) !important;
  53. }
  54. nav nav {
  55.     background-color: var(--dark-3) !important;
  56.     border: 1px solid var(--dark-2) !important;
  57.     box-shadow: 0 0 5px var(--dark-2) !important;
  58. }
  59. a:not(.install-link, .install-help-link) {
  60.     color: var(--pink) !important;
  61. }
  62. #main-header {
  63.     background-image: none !important;
  64.     background-color: var(--dark-1) !important;
  65. }
  66. .script-list,
  67. .user-list,
  68. .text-content,
  69. .discussion-list,
  70. .list-option-group ul,
  71. #script-info,
  72. .discussion-read,
  73. #discussion-locale {
  74.     background-image: unset !important;
  75.     background-color: var(--dark-1) !important;
  76.     box-shadow: 0 0 5px var(--dark-2) !important;
  77.     border: 1px solid var(--dark-2) !important;
  78.     border-radius: var(--default-border-radius) !important;
  79. }
  80. .block-button {
  81.     background-color: var(--dark-2) !important;
  82.     border: 1px solid var(--dark-3) !important;
  83.     color: var(--light-gray) !important;
  84. }
  85. .user-content,
  86. #script_version_code {
  87.     background-image: unset !important;
  88.     background-color: var(--dark-1) !important;
  89.     border: 1px solid var(--dark-2) !important;
  90. }
  91. #script_version_code {
  92.     color: var(--light-gray) !important;
  93. }
  94. .sidebar-search input[type='search'],
  95. .home-search input[type='search'],
  96. .list-option-button,
  97. input[type='search'],
  98. #language-selector-locale,
  99. form.new_user input[type='text'],
  100. form.new_user input[type='email'],
  101. form.new_user input[type='password'],
  102. #favorite-groups {
  103.     background-color: var(--dark-4) !important;
  104.     border: 1px solid var(--dark-2) !important;
  105.     color: var(--blue-ice) !important;
  106.     border-radius: var(--default-border-radius) !important;
  107. }
  108. .notice {
  109.     background-color: var(--dark-1);
  110.     border-left: 6px solid var(--blue-pool);
  111. }
  112. form.external-login-form,
  113. form.new_user {
  114.     background-color: var(--dark-3);
  115.     border: 1px solid var(--dark-2);
  116. }
  117. form.new_user input[type='submit'] {
  118.     background-color: var(--blue-pool);
  119.     color: #fff;
  120.     background-image: unset;
  121. }
  122. .list-option-button:hover,
  123. .list-option-button:focus {
  124.     background-image: unset !important;
  125.     background-color: var(--dark-2) !important;
  126. }
  127. .sidebar-search input[type='search']:focus-visible,
  128. .home-search input[type='search']:focus-visible {
  129.     background-color: var(--dark-3) !important;
  130.     border: 1px solid var(--blue-pool) !important;
  131.     outline: none !important;
  132. }
  133. input[type='submit'] {
  134.     background-color: var(--dark-3) !important;
  135.     color: var(--light-gray) !important;
  136.     border: 1px solid var(--dark-2) !important;
  137. }
  138. input[type='submit']:hover {
  139.     background-color: var(--dark-2) !important;
  140. }
  141. .sidebar-search input[type='search'] {
  142.     font-size: 14px !important;
  143. }
  144. .list-option-group ul {
  145.     background-color: var(--dark-1) !important;
  146. }
  147. .list-option-group .list-current,
  148. .tabs .current {
  149.     border-color: var(--red) !important;
  150.     background-image: unset !important;
  151.     background-color: var(--dark-2) !important;
  152. }
  153. .list-option-group a:hover,
  154. .list-option-group a:focus {
  155.     background-image: unset !important;
  156.     background-color: var(--dark-2) !important;
  157.     box-shadow: unset !important;
  158. }
  159. input[type='checkbox'] {
  160.     accent-color: var(--blue-1) !important;
  161. }
  162. input[type='radio'] {
  163.     accent-color: var(--blue-1) !important;
  164. }
  165. .script-list li:not(.ad-entry) {
  166.     border: 1px solid var(--dark-3);
  167. }
  168. .pagination > *,
  169. .script-list + .pagination > *,
  170. .user-list + .pagination > * {
  171.     background-color: var(--dark-2) !important;
  172. }
  173. .pagination .current,
  174. .pagination .gap {
  175.     background-color: transparent !important;
  176. }
  177. a.next_page,
  178. .pagination a:not(.current) {
  179.     color: var(--red) !important;
  180. }
  181. .previewable textarea,
  182. #discussion_comments_attributes_0_text {
  183.     background-color: var(--dark-2) !important;
  184.     border: 1px solid var(--dark-3) !important;
  185.     color: var(--light-gray) !important;
  186. }
  187. #discussion_comments_attributes_0_text:focus-visible {
  188.     outline: none !important;
  189.     border: 1px solid var(--dark-3) !important;
  190. }
  191. .rating-icon {
  192.     background-color: var(--dark-3) !important;
  193. }
  194. .rating-icon-bad,
  195. .bad-rating-count {
  196.     color: var(--red) !important;
  197.     border-color: currentColor !important;
  198. }
  199. .rating-icon-ok,
  200. .ok-rating-count {
  201.     color: var(--yellow) !important;
  202.     border-color: currentColor !important;
  203. }
  204. .rating-icon-good,
  205. .good-rating-count {
  206.     color: var(--green) !important;
  207.     border-color: currentColor !important;
  208. }
  209. pre,
  210. code {
  211.     border: 1px solid var(--dark-2) !important;
  212. }
  213. code {
  214.     background-color: var(--dark-1) !important;
  215. }
  216. li.L1,
  217. li.L3,
  218. li.L5,
  219. li.L7,
  220. li.L9,
  221. .diff li.unchanged:nth-child(odd) {
  222.     background-color: var(--dark-3) !important;
  223. }
  224. .diff ul {
  225.     background-color: var(--dark-1) !important;
  226. }
  227. .diff li.del {
  228.     background: rgba(255, 119, 119, 0.6) !important;
  229.     color: rgb(30, 0, 0) !important;
  230. }
  231. .diff li.ins {
  232.     background: rgba(221, 255, 221, 0.6) !important;
  233.     color: rgb(0, 30, 5) !important;
  234. }
  235. .diff li:hover {
  236.     background: unset;
  237. }
  238. .com {
  239.     color: var(--lavender) !important;
  240. }
  241. .clo,
  242. .opn,
  243. .pun {
  244.     color: var(--yellow) !important;
  245. }
  246. .kwd {
  247.     color: var(--blue-2) !important;
  248. }
  249. .str {
  250.     color: var(--green) !important;
  251. }
  252. .pln {
  253.     color: var(--light-yellow) !important;
  254. }
  255. .lit {
  256.     color: var(--pink) !important;
  257. }
  258. .typ {
  259.     color: var(--blue-pool) !important;
  260. }
  261. ::-webkit-scrollbar {
  262.     width: 8px !important;
  263.     height: 8px !important;
  264. }
  265. ::-webkit-scrollbar-track {
  266.     background: rgba(0, 0, 0, 0.2) !important;
  267. }
  268. ::-webkit-scrollbar-thumb {
  269.     background: rgba(255, 255, 255, 0.2) !important;
  270.     border-radius: 4px !important;
  271. }
  272. ::-webkit-scrollbar-thumb:hover {
  273.     background: rgba(255, 255, 255, 0.2) !important;
  274. }
  275. ::-webkit-scrollbar-corner {
  276.     background: rgba(0, 0, 0, 0.2) !important;
  277. }
  278. ::-webkit-scrollbar-button {
  279.     display: none !important;
  280. }
  281. .validation-errors {
  282.     border-color: var(--light-yellow) !important;
  283.     background-color: var(--dark-3) !important;
  284. }
  285.  
  286. `);

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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