GreasyFork Beautify Mod!

Custom Themes, premade themes and more

当前为 2018-07-03 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name GreasyFork Beautify Mod!
  3. // @namespace GreasyFork Beautify Mod!
  4. // @version 1
  5. // @description Custom Themes, premade themes and more
  6. // @author TigerYT
  7. // @match *://greasyfork.org/*
  8. // @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
  9. // ==/UserScript==
  10.  
  11. (function() {var css = [
  12. "body, body:not(.Settings) #Head {",
  13. " background: #16151D;",
  14. " }",
  15. "",
  16. " .script-list, .user-list, .text-content, #script-info {",
  17. " list-style-type: none;",
  18. " box-shadow: 0 0 5px rgba(29,27,38,0.3);",
  19. " background-color: #1D1B26;",
  20. " border: 1px solid rgba(29,27,38,0.6);",
  21. " border-radius: 5px;",
  22. " box-sizing: border-box;",
  23. " margin: 14px 0;",
  24. " }",
  25. "",
  26. " body, select, input {",
  27. " font-family: \"Open Sans\", sans-serif;",
  28. " color: #888;",
  29. " }",
  30. "",
  31. " #main-header {",
  32. " background-color: #0B0A0D;",
  33. " background-image: linear-gradient(#694BA1, #493372);",
  34. " padding: 0.25em 0;",
  35. " }",
  36. "",
  37. " p.subtitle {",
  38. " margin: -8px 0 0 10px;",
  39. " font-size: 0.7em;",
  40. " text-shadow: -1px -1px 0px #493372, 1px -1px 0px #493372, -1px 1px 0px #493372, 1px 1px 0px #493372 !important;",
  41. " }",
  42. "",
  43. " a, a:visited {",
  44. " color: #694BA1;",
  45. " }",
  46. "",
  47. " figure {",
  48. " padding: 5px;",
  49. " border: none;",
  50. " border-radius: 5px;",
  51. " }",
  52. "",
  53. " nav nav {",
  54. " position: absolute;",
  55. " right: 0;",
  56. " background-color: #493372;",
  57. " min-width: 100%;",
  58. " display: none;",
  59. " padding: 5px 0;",
  60. " z-index: 10;",
  61. " }",
  62. "",
  63. " :focus {",
  64. " outline: -webkit-focus-ring-color auto 5px;",
  65. " outline-color: transparent;",
  66. " outline-style: auto;",
  67. " outline-width: 5px;",
  68. " }",
  69. "",
  70. ".script-list li {",
  71. " background: #1D1B26;",
  72. " border: 5px solid #1D1B26;",
  73. " border-radius: 75px;",
  74. " padding: 2em;",
  75. " margin-bottom: 10px;",
  76. "}",
  77. "",
  78. ".script-list, .user-list, .text-content {",
  79. " list-style-type: none;",
  80. " box-shadow: 0 0 5px #16151D;",
  81. " background-color: #16151D;",
  82. " border: 0px solid #16151D;",
  83. " border-radius: 5px;",
  84. " box-sizing: border-box;",
  85. " margin: 14px 0;",
  86. "}",
  87. "",
  88. " .list-option-group ul {",
  89. " margin: .5em 0 0;",
  90. " list-style-type: none;",
  91. " padding: 1em 0;",
  92. " box-shadow: 0 0 5px #16151D;",
  93. " border: 0px solid #16151D;",
  94. " border-radius: 5px;",
  95. " background-color: #1D1B26;",
  96. " }",
  97. "",
  98. " .list-option-group .list-current {",
  99. " border-right: 20px solid #1D1B26;",
  100. " margin: 0em -21px 0em 0px;",
  101. " padding: 0.4em 1em 0.4em calc(1em - 3px);",
  102. " background: #16151D;",
  103. " border-left: none;",
  104. " box-shadow: none;",
  105. " }",
  106. "",
  107. " .list-option-group a:hover, .list-option-group a:focus {",
  108. " background: #16151D;",
  109. " text-decoration: none;",
  110. " box-shadow: none;",
  111. " }",
  112. "",
  113. " .tabs .current {",
  114. " background: rgba(0,0,0,0.03);",
  115. " position: relative;",
  116. " top: -4px;",
  117. " font-weight: bold;",
  118. " border-top: 7px solid #493372;",
  119. " box-shadow: inset 1px 0 rgba(0,0,0,0.1), inset -1px 0 rgba(0,0,0,0.1), inset 0 -1px rgba(0,0,0,0.1);",
  120. " }",
  121. "",
  122. " .install-help-link, .install-help-link:visited, .install-help-link:active, .install-help-link:hover {",
  123. " background-color: #694BA1;",
  124. " color: white;",
  125. " }",
  126. "",
  127. " .install-link, .install-link:visited, .install-link:active, .install-link:hover, .install-help-link {",
  128. " display: inline-block;",
  129. " background-color: #493372;",
  130. " padding: 0.5em 1em;",
  131. " color: white;",
  132. " text-decoration: none;",
  133. " }",
  134. "",
  135. " select {",
  136. " -webkit-appearance: menulist;",
  137. " box-sizing: border-box;",
  138. " align-items: center;",
  139. " white-space: pre;",
  140. " /* -webkit-rtl-ordering: logical; */",
  141. " color: #bbb;",
  142. " background-color: #694BA1;",
  143. " cursor: default;",
  144. " border-width: 1px;",
  145. " border-style: solid;",
  146. " border-color: #1D1B26;",
  147. " border-image: initial;",
  148. " }",
  149. "",
  150. " #additional-info > div {",
  151. " margin: 1em 0;",
  152. " padding: 1em;",
  153. " border: none;",
  154. " border-radius: 10px;",
  155. " background-color: #16151D;",
  156. " }",
  157. "",
  158. " textarea#script-version-additional-info-0 {",
  159. " background: #16151D;",
  160. " color: #888;",
  161. " border: none;",
  162. " padding: 10px;",
  163. " }",
  164. "",
  165. " textarea#script-version-additional-info-0, ",
  166. "textarea#script_version_code, ",
  167. "#ace-editor {",
  168. " background: #16151D;",
  169. " color: #888;",
  170. " border: none;",
  171. " padding: 25px;",
  172. " }",
  173. "",
  174. " .ace_gutter-cell, .ace-tm .ace_gutter {",
  175. " background: #0f0f14;",
  176. " }",
  177. "",
  178. " .preview-results, ",
  179. "#script-version-additional-info-0 {",
  180. " border: none;",
  181. " border-radius: 10px;",
  182. " background: #16151D;",
  183. " color: #888;",
  184. " padding: 25px;",
  185. " }",
  186. "",
  187. "select#language-selector-locale {",
  188. " background: #eee;",
  189. "}",
  190. "",
  191. ".alert {",
  192. " font-style: italic;",
  193. " background-color: #b793f9;",
  194. " border: none;",
  195. " border-left: 20px solid #694BA1;",
  196. " padding: 0.5em;",
  197. " color: #eee!important;",
  198. "}",
  199. "",
  200. "pre, code, #code-container {",
  201. " border-radius: 2px;",
  202. " border: 1px solid #6c5793;",
  203. " background-color: #493372;",
  204. "}",
  205. "",
  206. ".CodeRay .line-numbers {",
  207. " background-color: #0f0f14 !important;",
  208. "}",
  209. "",
  210. "#code-container > table > tbody > tr > td.code {",
  211. " border-radius: 2px;",
  212. " border: 1px solid #16151D !important;",
  213. " background-color: #16151D !important;",
  214. "}",
  215. "",
  216. "#code-container {",
  217. " border: none;",
  218. "}",
  219. "",
  220. ".expander {",
  221. " cursor: pointer;",
  222. " padding: 2px 5px;",
  223. " color: #888;",
  224. " font-weight: bolder;",
  225. " border-radius: 3px;",
  226. " background-color: #16151D;",
  227. " text-decoration: none;",
  228. "}",
  229. "",
  230. "a:-webkit-any-link {",
  231. " text-decoration: none;",
  232. "}",
  233. "",
  234. " input[type=search] {",
  235. " -webkit-appearance: textfield;",
  236. " background-color: #17151B;",
  237. " -webkit-rtl-ordering: logical;",
  238. " cursor: text;",
  239. " padding: 1px;",
  240. " border-width: 10px;",
  241. " border-style: solid;",
  242. " border-color: #17151B;",
  243. " border-image: initial;",
  244. " border-radius: 7px;",
  245. " }",
  246. "",
  247. " input[type=text] {",
  248. " background-color: #17151B;",
  249. " -webkit-rtl-ordering: logical;",
  250. " cursor: text;",
  251. " border-width:10px;",
  252. " border-style: solid;",
  253. " border-color: #17151B;",
  254. " border-radius: 7px;",
  255. " margin-top: 15px;",
  256. " }",
  257. "",
  258. " button#add-additional-info {",
  259. " color: #999;",
  260. " background-color: #493372;",
  261. " border: 5px solid #694BA1;",
  262. " margin-top: 5px;",
  263. " margin-left: 15px;",
  264. " height: 50px;",
  265. " width: 300px;",
  266. " cursor: pointer;",
  267. " font-family: Agency FB;",
  268. " font-size: x-large;",
  269. " }",
  270. "",
  271. " button.g-recaptcha {",
  272. " color: #111;",
  273. " background-color: #694BA1;",
  274. " border: 5px solid #493372;",
  275. " margin-top: 5px;",
  276. " margin-left: 15px;",
  277. " height: 50px;",
  278. " width: 300px;",
  279. " cursor: pointer;",
  280. " font-family: Agency FB;",
  281. " font-size: x-large;",
  282. " }",
  283. "",
  284. " input.add-screenshot-captions {",
  285. " background-color: #17151B;",
  286. " -webkit-rtl-ordering: logical;",
  287. " cursor: text;",
  288. " border-width:10px;",
  289. " border-style: solid;",
  290. " border-color: #17151B;",
  291. " border-radius: 7px;",
  292. " margin-top: 15px;",
  293. " }"
  294. ].join("\n");
  295. if (typeof GM_addStyle != "undefined") {
  296. GM_addStyle(css);
  297. } else if (typeof PRO_addStyle != "undefined") {
  298. PRO_addStyle(css);
  299. } else if (typeof addStyle != "undefined") {
  300. addStyle(css);
  301. } else {
  302. var node = document.createElement("style");
  303. node.type = "text/css";
  304. node.appendChild(document.createTextNode(css));
  305. var heads = document.getElementsByTagName("head");
  306. if (heads.length > 0) {
  307. heads[0].appendChild(node);
  308. } else {
  309. // no head yet, stick it whereever
  310. document.documentElement.appendChild(node);
  311. }
  312. }
  313. })();