☰

GreasyFork Beautify Mod!

Custom Themes, premade themes and more

当前为 2018-07-04 提交的版本，查看 最新版本。

  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 #1D1B26;",
  19. 	"    background-color: #1D1B26;",
  20. 	"    border: 0px solid #1D1B26;",
  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-image: linear-gradient(#694BA1, #493372);",
  33. 	"    padding: 0.25em 0;",
  34. 	"  }",
  35. 	"",
  36. 	"  p.subtitle  {",
  37. 	"    margin: -8px 0 0 10px;",
  38. 	"    font-size: 0.7em;",
  39. 	"    text-shadow: -1px -1px 0px #493372, 1px -1px 0px #493372, -1px 1px 0px #493372, 1px 1px 0px #493372 !important;",
  40. 	"  }",
  41. 	"",
  42. 	"  a, a:visited  {",
  43. 	"    color: #694BA1;",
  44. 	"  }",
  45. 	"",
  46. 	"  a:hover  {",
  47. 	"    color: #493372;",
  48. 	"  }",
  49. 	"",
  50. 	"  figure  {",
  51. 	"    padding: 5px;",
  52. 	"    border: none;",
  53. 	"    border-radius: 5px;",
  54. 	"  }",
  55. 	"",
  56. 	"  nav nav  {",
  57. 	"    position: absolute;",
  58. 	"    right: 0;",
  59. 	"    background-color: #493372;",
  60. 	"    min-width: 100%;",
  61. 	"    display: none;",
  62. 	"    padding: 5px 0;",
  63. 	"    z-index: 10;",
  64. 	"  }",
  65. 	"",
  66. 	"  :focus  {",
  67. 	"    outline: -webkit-focus-ring-color auto 5px;",
  68. 	"    outline-color: transparent;",
  69. 	"    outline-style: auto;",
  70. 	"    outline-width: 5px;",
  71. 	"  }",
  72. 	"",
  73. 	".script-list li {",
  74. 	"    background: #1D1B26;",
  75. 	"    border: 5px solid #1D1B26;",
  76. 	"    border-radius: 75px;",
  77. 	"    padding: 2em;",
  78. 	"    margin-bottom: 10px;",
  79. 	"}",
  80. 	"",
  81. 	".script-list, .user-list {",
  82. 	"    list-style-type: none;",
  83. 	"    box-shadow: 0 0 5px #16151D;",
  84. 	"    background-color: #16151D;",
  85. 	"    border: 0px solid #16151D;",
  86. 	"    border-radius: 5px;",
  87. 	"    box-sizing: border-box;",
  88. 	"    margin: 14px 0;",
  89. 	"}",
  90. 	"",
  91. 	"  .list-option-group ul  {",
  92. 	"    margin: .5em 0 0;",
  93. 	"    list-style-type: none;",
  94. 	"    padding: 1em 0;",
  95. 	"    box-shadow: 0 0 5px #16151D;",
  96. 	"    border: 0px solid #16151D;",
  97. 	"    border-radius: 5px;",
  98. 	"    background-color: #1D1B26;",
  99. 	"  }",
  100. 	"",
  101. 	"  .list-option-group .list-current  {",
  102. 	"    border-right: 20px solid #1D1B26;",
  103. 	"    margin: 0em -21px 0em 0px;",
  104. 	"    padding: 0.4em 1em 0.4em calc(1em - 3px);",
  105. 	"    background: #16151D;",
  106. 	"    border-left: none;",
  107. 	"    box-shadow: none;",
  108. 	"  }",
  109. 	"",
  110. 	"  .list-option-group a:hover, .list-option-group a:focus  {",
  111. 	"    background: #16151D;",
  112. 	"    text-decoration: none;",
  113. 	"    box-shadow: none;",
  114. 	"  }",
  115. 	"",
  116. 	"  .tabs .current  {",
  117. 	"    background: rgba(0,0,0,0.03);",
  118. 	"    position: relative;",
  119. 	"    top: -4px;",
  120. 	"    font-weight: bold;",
  121. 	"    border-top: 7px solid #493372;",
  122. 	"    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);",
  123. 	"  }",
  124. 	"",
  125. 	"  .install-help-link, .install-help-link:visited, .install-help-link:active {",
  126. 	"    background-color: #694BA1!important;",
  127. 	"    color: #eee;",
  128. 	"  }",
  129. 	"",
  130. 	"  .install-link, .install-link:visited, .install-link:active  {",
  131. 	"    display: inline-block;",
  132. 	"    background-color: #493372!important;",
  133. 	"    padding: 0.5em 1em;",
  134. 	"    color: #eee;",
  135. 	"    text-decoration: none;",
  136. 	"  }",
  137. 	"",
  138. 	"  div#install-link+#install-help-link:hover > .install-link {",
  139. 	"    background:  #694BA1;",
  140. 	"  }",
  141. 	"",
  142. 	"  div#install-link+#install-help-link:hover > .install-help-link {",
  143. 	"    background:  #493372;",
  144. 	"  }",
  145. 	"",
  146. 	"  select  {",
  147. 	"    -webkit-appearance: menulist;",
  148. 	"    box-sizing: border-box;",
  149. 	"    align-items: center;",
  150. 	"    white-space: pre;",
  151. 	"    /* -webkit-rtl-ordering: logical; */",
  152. 	"    color: #bbb;",
  153. 	"    background-color: #694BA1;",
  154. 	"    cursor: pointer;",
  155. 	"    border-width: 1px;",
  156. 	"    border-style: solid;",
  157. 	"    border-color: #1D1B26;",
  158. 	"    border-image: initial;",
  159. 	"  }",
  160. 	"",
  161. 	"  #additional-info > div  {",
  162. 	"    margin: 1em 0;",
  163. 	"    padding: 1em;",
  164. 	"    border: none;",
  165. 	"    border-radius: 10px;",
  166. 	"    background-color: #16151D;",
  167. 	"  }",
  168. 	"",
  169. 	"  textarea#script-version-additional-info-0  {",
  170. 	"    background: #16151D;",
  171. 	"    color: #888;",
  172. 	"    border: none;",
  173. 	"    padding: 10px;",
  174. 	"  }",
  175. 	"",
  176. 	"  textarea#script-version-additional-info-0, ",
  177. 	"textarea#script_version_code, ",
  178. 	"#ace-editor  {",
  179. 	"    background: #16151D;",
  180. 	"    color: #888;",
  181. 	"    border: none;",
  182. 	"    padding: 25px;",
  183. 	"  }",
  184. 	"",
  185. 	"  .ace_gutter-cell, .ace-tm .ace_gutter {",
  186. 	"    background: #0f0f14;",
  187. 	"  }",
  188. 	"",
  189. 	"  .preview-results, ",
  190. 	"#script-version-additional-info-0  {",
  191. 	"    border: none;",
  192. 	"    border-radius: 10px;",
  193. 	"    background: #16151D;",
  194. 	"    color: #888;",
  195. 	"    padding: 25px;",
  196. 	"  }",
  197. 	"",
  198. 	"select#language-selector-locale {",
  199. 	"    background: #eee;",
  200. 	"}",
  201. 	"",
  202. 	".alert {",
  203. 	"    font-style: italic;",
  204. 	"    background-color: #b793f9;",
  205. 	"    border: none;",
  206. 	"    border-left: 20px solid #694BA1;",
  207. 	"    padding: 0.5em;",
  208. 	"    color: #eee!important;",
  209. 	"}",
  210. 	"",
  211. 	"pre, code, #code-container {",
  212. 	"    border-radius: 2px;",
  213. 	"    border: 1px solid #6c5793;",
  214. 	"    background-color: #493372;",
  215. 	"}",
  216. 	"",
  217. 	".CodeRay .line-numbers {",
  218. 	"    background-color: #0f0f14 !important;",
  219. 	"}",
  220. 	"",
  221. 	"#code-container > table > tbody > tr > td.code {",
  222. 	"    border-radius: 2px;",
  223. 	"    border: 1px solid #16151D !important;",
  224. 	"    background-color: #16151D !important;",
  225. 	"}",
  226. 	"",
  227. 	"#code-container {",
  228. 	"    border: none;",
  229. 	"}",
  230. 	"",
  231. 	".expander {",
  232. 	"    cursor: pointer;",
  233. 	"    padding: 2px 5px;",
  234. 	"    color: #888;",
  235. 	"    font-weight: bolder;",
  236. 	"    border-radius: 3px;",
  237. 	"    background-color: #16151D;",
  238. 	"    text-decoration: none;",
  239. 	"}",
  240. 	"",
  241. 	"a:-webkit-any-link {",
  242. 	"    text-decoration: none;",
  243. 	"}",
  244. 	"",
  245. 	"  input[type=search] {",
  246. 	"    -webkit-appearance: textfield;",
  247. 	"    background-color: #16151D;",
  248. 	"    -webkit-rtl-ordering: logical;",
  249. 	"    cursor: text;",
  250. 	"    padding: 1px;",
  251. 	"    border-width: 10px;",
  252. 	"    border-style: solid;",
  253. 	"    border-color: #16151D;",
  254. 	"    border-image: initial;",
  255. 	"    border-radius: 7px;",
  256. 	"  }",
  257. 	"",
  258. 	"  input[type=text] {",
  259. 	"    background-color: #16151D;",
  260. 	"    -webkit-rtl-ordering: logical;",
  261. 	"    cursor: text;",
  262. 	"    border-width:10px;",
  263. 	"    border-style: solid;",
  264. 	"    border-color: #16151D;",
  265. 	"    border-radius: 7px;",
  266. 	"    margin-top: 15px;",
  267. 	"  }",
  268. 	"",
  269. 	"  input[type=url] {",
  270. 	"    background-color: #16151D;",
  271. 	"    -webkit-rtl-ordering: logical;",
  272. 	"    cursor: text;",
  273. 	"    border-width:10px;",
  274. 	"    border-style: solid;",
  275. 	"    border-color: #16151D;",
  276. 	"    border-radius: 7px;",
  277. 	"    margin-top: 15px;",
  278. 	"  }",
  279. 	"",
  280. 	"  button#add-additional-info {",
  281. 	"    color: #999;",
  282. 	"    background-color: #493372;",
  283. 	"    border: 5px solid #694BA1;",
  284. 	"    margin-top: 5px;",
  285. 	"    margin-left: 15px;",
  286. 	"    height: 50px;",
  287. 	"    width: 300px;",
  288. 	"    cursor: pointer;",
  289. 	"    font-family: Agency FB;",
  290. 	"    font-size: x-large;",
  291. 	"  }",
  292. 	"",
  293. 	"  button.g-recaptcha {",
  294. 	"    color: #111;",
  295. 	"    background-color: #694BA1;",
  296. 	"    border: 5px solid #493372;",
  297. 	"    margin-top: 5px;",
  298. 	"    margin-left: 15px;",
  299. 	"    height: 50px;",
  300. 	"    width: 300px;",
  301. 	"    cursor: pointer;",
  302. 	"    font-family: Agency FB;",
  303. 	"    font-size: x-large;",
  304. 	"  }",
  305. 	"",
  306. 	"  input.add-screenshot-captions {",
  307. 	"    background-color: #16151D;",
  308. 	"    -webkit-rtl-ordering: logical;",
  309. 	"    cursor: text;",
  310. 	"    border-width:10px;",
  311. 	"    border-style: solid;",
  312. 	"    border-color: #16151D;",
  313. 	"    border-radius: 7px;",
  314. 	"    margin-top: 15px;",
  315. 	"  }",
  316. 	"",
  317. 	"  form.script-in-sets {",
  318. 	"    background-color: #16151D;",
  319. 	"    padding: 15px;",
  320. 	"    border-radius: 10px;",
  321. 	"    width: 408px;",
  322. 	"  }",
  323. 	"",
  324. 	"  .install-help-link:hover {",
  325. 	"    box-shadow: 15px 0px 18px 3px rgba(0,0,0,0.75) !important;",
  326. 	"    z-index: 999;",
  327. 	"  }",
  328. 	"",
  329. 	"  .install-link:hover {",
  330. 	"    box-shadow: -15px 0px 18px 3px rgba(0,0,0,0.75) !important;",
  331. 	"    z-index: 999;",
  332. 	"  }",
  333. 	"",
  334. 	"  #install-area .install-link:hover, #install-area .install-link:focus, #install-area .install-help-link:hover, #install-area .install-help-link:focus {",
  335. 	"    box-shadow: none;",
  336. 	"  }",
  337. 	"",
  338. 	"  #replaced_by_script_id {",
  339. 	"    background-color: #16151D;",
  340. 	"    -webkit-rtl-ordering: logical;",
  341. 	"    cursor: text;",
  342. 	"    border-width:10px;",
  343. 	"    border-style: solid;",
  344. 	"    border-color: #16151D;",
  345. 	"    border-radius: 7px;",
  346. 	"    margin-top: 15px;",
  347. 	"  }",
  348. 	" ",
  349. 	"  input[type=\"submit\"] {",
  350. 	"    background: #694BA1;",
  351. 	"    border: 2px solid #493372;",
  352. 	"    color: #333;",
  353. 	"    font-weight: bolder;",
  354. 	"    cursor: pointer;",
  355. 	"  }",
  356. 	"",
  357. 	"  input[type=\"submit\"]:hover {",
  358. 	"    background: #493372;",
  359. 	"    border: 2px solid #694BA1;",
  360. 	"    color: #888;",
  361. 	"  }",
  362. 	"",
  363. 	"  .pagination>*, .script-list+.pagination>*, .user-list+.pagination>* {",
  364. 	"    display: inline-block;",
  365. 	"    background-color: #16151D;",
  366. 	"    padding: 0.5em;",
  367. 	"    border-radius: 5px;",
  368. 	"    text-decoration: none;",
  369. 	"  }",
  370. 	"",
  371. 	"  tr {",
  372. 	"    background: #16151D;",
  373. 	"  }",
  374. 	"",
  375. 	"  .notice {",
  376. 	"    background-color: #b793f9;",
  377. 	"    border: none;",
  378. 	"    border-left: 6px solid #694BA1;",
  379. 	"    padding: 0.5em;",
  380. 	"    color: #eee !important;",
  381. 	"  }",
  382. 	"",
  383. 	"  form.inline-form.external-login-form {",
  384. 	"    background: #16151D;",
  385. 	"    border: none;",
  386. 	"  }",
  387. 	"",
  388. 	"",
  389. 	"",
  390. 	"  form#new_user {",
  391. 	"    background: #16151D;",
  392. 	"    border: none;",
  393. 	"  }",
  394. 	"",
  395. 	"  form.new_user input[type=\"submit\"] {",
  396. 	"    background-image: linear-gradient(#694BA1, #493372);",
  397. 	"    border: none;",
  398. 	"  }",
  399. 	"",
  400. 	"  #home-script-nav {",
  401. 	"    max-width: 700px;",
  402. 	"    margin: 0 auto;",
  403. 	"    padding-bottom: 20px;",
  404. 	"    border-bottom: none;",
  405. 	"    margin-bottom: 15px;",
  406. 	"  }",
  407. 	"",
  408. 	"  .search-submit {",
  409. 	"    display: none;",
  410. 	"  }"
  411. ].join("\n");
  412. if (typeof GM_addStyle != "undefined") {
  413. 	GM_addStyle(css);
  414. } else if (typeof PRO_addStyle != "undefined") {
  415. 	PRO_addStyle(css);
  416. } else if (typeof addStyle != "undefined") {
  417. 	addStyle(css);
  418. } else {
  419. 	var node = document.createElement("style");
  420. 	node.type = "text/css";
  421. 	node.appendChild(document.createTextNode(css));
  422. 	var heads = document.getElementsByTagName("head");
  423. 	if (heads.length > 0) {
  424. 		heads[0].appendChild(node);
  425. 	} else {
  426. 		// no head yet, stick it whereever
  427. 		document.documentElement.appendChild(node);
  428. 	}
  429. }
  430. })();