☰

GreasyFork Beautify Mod!

Custom Themes, premade themes and more

当前为 2019-01-02 提交的版本，查看 最新版本。

  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. 	":root {",
  13. 	"  --primary-background: #16151D;",
  14. 	"  --secondary-background: #1D1B26;",
  15. 	"  --tertiary-background: #0F0F14;",
  16. 	"  --quaternary-background: #6B4CA7;",
  17. 	"      ",
  18. 	"  --primary-text-colour: #888888;",
  19. 	"  --secondary-text-colour: #BBBBBB;",
  20. 	"  --tertiary-text-colour: #EEEEEE;",
  21. 	"  --quaternary-text-colour: #999999;",
  22. 	"  --quinary-text-colour: #111111;",
  23. 	"      ",
  24. 	"  --title-or-link-text-primary-colour: #694BA1;",
  25. 	"  --title-or-link-text-secondary-colour: #B793F9;",
  26. 	"  --title-or-link-text-primary-colour-hover: #493372;",
  27. 	"}",
  28. 	"",
  29. 	"body:not(.Settings) #Head, ",
  30. 	"body:not(.Settings) {",
  31. 	"  background: var(--primary-background);",
  32. 	"}",
  33. 	"	",
  34. 	".script-list,",
  35. 	".user-list,",
  36. 	".text-content,",
  37. 	"#script-info, ",
  38. 	"#Content {",
  39. 	"  list-style-type: none;",
  40. 	"  box-shadow: 0 0 5px var(--secondary-background);",
  41. 	"  background-color: var(--secondary-background);",
  42. 	"  border: 0px solid var(--secondary-background);",
  43. 	"  border-radius: 5px;",
  44. 	"  box-sizing: border-box;",
  45. 	"  margin: 14px 0;",
  46. 	"  color: var(--primary-text-colour);",
  47. 	"}",
  48. 	"	",
  49. 	"body,",
  50. 	"select,",
  51. 	"input  {",
  52. 	"  font-family: \'Open Sans\' sans-serif;",
  53. 	"  color: var(--primary-text-colour);",
  54. 	"}",
  55. 	"	",
  56. 	"#main-header, ",
  57. 	"body:not(.Settings) #Head {",
  58. 	"  background-image: linear-gradient(var(--title-or-link-text-primary-colour-hover), var(--title-or-link-text-primary-colour));",
  59. 	"  padding: 0.25em 0;",
  60. 	"}",
  61. 	"	",
  62. 	"p.subtitle  {",
  63. 	"  margin: -8px 0 0 10px;",
  64. 	"  font-size: 0.7em;",
  65. 	"  text-shadow: -1px -1px 0px var(--title-or-link-text-primary-colour), 1px -1px 0px var(--title-or-link-text-primary-colour), -1px 1px 0px var(--title-or-link-text-primary-colour), 1px 1px 0px var(--title-or-link-text-primary-colour) !important;",
  66. 	"}",
  67. 	"	",
  68. 	"a,",
  69. 	"a:visited  {",
  70. 	"  color: var(--title-or-link-text-primary-colour-hover);",
  71. 	"}",
  72. 	"	",
  73. 	"a:hover  {",
  74. 	"  color: var(--title-or-link-text-primary-colour);",
  75. 	"}",
  76. 	"	",
  77. 	"figure  {",
  78. 	"  padding: 5px;",
  79. 	"  border: none;",
  80. 	"  border-radius: 5px;",
  81. 	"}",
  82. 	"	",
  83. 	"nav {",
  84. 	"  position: absolute!important;",
  85. 	"  right: 0!important;",
  86. 	"  background-color: var(--title-or-link-text-primary-colour)!important;",
  87. 	"  min-width: 100%!important;",
  88. 	"  display: none;",
  89. 	"  padding: 5px 0!important;",
  90. 	"  z-index: 10!important;",
  91. 	"}",
  92. 	"	",
  93. 	":focus  {",
  94. 	"  outline: -webkit-focus-ring-color auto 5px;",
  95. 	"  outline-color: transparent;",
  96. 	"  outline-style: auto;",
  97. 	"  outline-width: 5px;",
  98. 	"}",
  99. 	"	",
  100. 	".script-list li {",
  101. 	"  background: var(--secondary-background);",
  102. 	"  border: 5px solid var(--secondary-background);",
  103. 	"  border-radius: 75px;",
  104. 	"  padding: 2em;",
  105. 	"  margin-bottom: 10px;",
  106. 	"}",
  107. 	"	",
  108. 	".script-list,",
  109. 	".user-list {",
  110. 	"  list-style-type: none;",
  111. 	"  box-shadow: 0 0 5px var(--primary-background);",
  112. 	"  background-color: var(--primary-background);",
  113. 	"  border: 0px solid var(--primary-background);",
  114. 	"  border-radius: 5px;",
  115. 	"  box-sizing: border-box;",
  116. 	"  margin: 14px 0;",
  117. 	"}",
  118. 	"	",
  119. 	".list-option-group ul  {",
  120. 	"  margin: .5em 0 0;",
  121. 	"  list-style-type: none;",
  122. 	"  padding: 1em 0;",
  123. 	"  box-shadow: 0 0 5px var(--primary-background);",
  124. 	"  border: 0px solid var(--primary-background);",
  125. 	"  border-radius: 5px;",
  126. 	"  background-color: var(--secondary-background);",
  127. 	"}",
  128. 	"	",
  129. 	".list-option-group .list-current  {",
  130. 	"  border-right: 20px solid var(--secondary-background);",
  131. 	"  margin: 0em -21px 0em 0px;",
  132. 	"  padding: 0.4em 1em 0.4em calc(1em - 3px);",
  133. 	"  background: var(--primary-background);",
  134. 	"  border-left: none;",
  135. 	"  box-shadow: none;",
  136. 	"}",
  137. 	"	",
  138. 	".list-option-group a:hover,",
  139. 	".list-option-group a:focus  {",
  140. 	"  background: var(--primary-background);",
  141. 	"  text-decoration: none;",
  142. 	"  box-shadow: none;",
  143. 	"}",
  144. 	"	",
  145. 	".tabs .current  {",
  146. 	"  background: rgba(0,0,0,0.03);",
  147. 	"  position: relative;",
  148. 	"  top: -4px;",
  149. 	"  font-weight: bold;",
  150. 	"  border-top: 7px solid var(--title-or-link-text-primary-colour);",
  151. 	"  box-shadow: inset 1px 0 rgba(0,0,0,0.1),",
  152. 	"  inset -1px 0 rgba(0,0,0,0.1),",
  153. 	"inset 0 -1px rgba(0,0,0,0.1);",
  154. 	"}",
  155. 	"	",
  156. 	".install-help-link,",
  157. 	".install-help-link:visited,",
  158. 	".install-help-link:active {",
  159. 	"  background-color: var(--title-or-link-text-primary-colour-hover)!important;",
  160. 	"  color: ",
  161. 	"        var(--tertiary-text-colour);",
  162. 	"}",
  163. 	"	",
  164. 	".install-link,",
  165. 	".install-link:visited,",
  166. 	".install-link:active  {",
  167. 	"  display: inline-block;",
  168. 	"  background-color: var(--title-or-link-text-primary-colour)!important;",
  169. 	"  padding: 0.5em 1em;",
  170. 	"  color: var(--tertiary-text-colour);",
  171. 	"  text-decoration: none;",
  172. 	"}",
  173. 	"	",
  174. 	"div#install-link+#install-help-link:hover > .install-link {",
  175. 	"  background:  var(--title-or-link-text-primary-colour-hover);",
  176. 	"}",
  177. 	"	",
  178. 	"div#install-link+#install-help-link:hover > .install-help-link {",
  179. 	"  background:  var(--title-or-link-text-primary-colour);",
  180. 	"}",
  181. 	"	",
  182. 	"select  {",
  183. 	"  -webkit-appearance: menulist;",
  184. 	"  box-sizing: border-box;",
  185. 	"  align-items: center;",
  186. 	"  white-space: pre;",
  187. 	"  -webkit-rtl-ordering: logical;",
  188. 	"  color: var(--secondary-text-colour);",
  189. 	"  background-color: var(--title-or-link-text-primary-colour-hover);",
  190. 	"  cursor: pointer;",
  191. 	"  border-width: 1px;",
  192. 	"  border-style: solid;",
  193. 	"  border-color: var(--secondary-background);",
  194. 	"  border-image: initial;",
  195. 	"}",
  196. 	"	",
  197. 	"#additional-info > div  {",
  198. 	"  margin: 1em 0;",
  199. 	"  padding: 1em;",
  200. 	"  border: none;",
  201. 	"  border-radius: 10px;",
  202. 	"  background-color: var(--primary-background);",
  203. 	"}",
  204. 	"	",
  205. 	"textarea, #ace-editor {",
  206. 	"  background: var(--primary-background);",
  207. 	"  color: var(--primary-text-colour);",
  208. 	"  border: none;",
  209. 	"  padding: 25px;",
  210. 	"}",
  211. 	"	",
  212. 	".ace_gutter-cell,",
  213. 	".ace-tm .ace_gutter, ",
  214. 	".preview-results {",
  215. 	"  background: var(--tertiary-background);",
  216. 	"}",
  217. 	"",
  218. 	"	#script-version-additional-info-0  {",
  219. 	"  border: none;",
  220. 	"  border-radius: 10px;",
  221. 	"  background: var(--primary-background);",
  222. 	"  color: var(--primary-text-colour);",
  223. 	"  padding: 25px;",
  224. 	"}",
  225. 	"	",
  226. 	"	select#language-selector-locale {",
  227. 	"  background: var(--tertiary-text-colour);",
  228. 	"	}",
  229. 	"	",
  230. 	"pre,",
  231. 	"code,",
  232. 	"#code-container {",
  233. 	"  border-radius: 2px;",
  234. 	"  background-color: var(--title-or-link-text-primary-colour)!important;",
  235. 	"	}",
  236. 	"	",
  237. 	"	 .Message pre ol {",
  238. 	"  background-color: var(--title-or-link-text-primary-colour)!important;",
  239. 	"	 }",
  240. 	"	",
  241. 	"	.CodeRay .line-numbers {",
  242. 	"  background-color: var(--tertiary-background) !important;",
  243. 	"	}",
  244. 	"	",
  245. 	"	#code-container > table > tbody > tr > td.code {",
  246. 	"  border-radius: 2px;",
  247. 	"  border: 1px solid var(--primary-background) !important;",
  248. 	"  background-color: var(--primary-background) !important;",
  249. 	"	}",
  250. 	"	",
  251. 	"	#code-container {",
  252. 	"  border: none;",
  253. 	"	}",
  254. 	"	",
  255. 	"	.expander {",
  256. 	"  cursor: pointer;",
  257. 	"  padding: 2px 5px;",
  258. 	"  color: var(--primary-text-colour);",
  259. 	"  font-weight: bolder;",
  260. 	"  border-radius: 3px;",
  261. 	"  background-color: var(--primary-background);",
  262. 	"  text-decoration: none;",
  263. 	"	}",
  264. 	"	",
  265. 	"	a:-webkit-any-link {",
  266. 	"  text-decoration: none;",
  267. 	"	}",
  268. 	"	",
  269. 	"input[type=search] {",
  270. 	"  -webkit-appearance: textfield;",
  271. 	"  background-color: var(--secondary-background);",
  272. 	"  -webkit-rtl-ordering: logical;",
  273. 	"  cursor: text;",
  274. 	"  padding: 1px;",
  275. 	"  border-width: 10px;",
  276. 	"  border-style: solid;",
  277. 	"  border-color: var(--secondary-background);",
  278. 	"  border-image: initial;",
  279. 	"  border-radius: 7px;",
  280. 	"}",
  281. 	"	",
  282. 	"input[type=text] {",
  283. 	"  background-color: var(--primary-background);",
  284. 	"  -webkit-rtl-ordering: logical;",
  285. 	"  cursor: text;",
  286. 	"  border-width:10px;",
  287. 	"  border-style: solid;",
  288. 	"  border-color: var(--primary-background);",
  289. 	"  border-radius: 7px;",
  290. 	"  margin-top: 15px;",
  291. 	"}",
  292. 	"	",
  293. 	"input[type=url] {",
  294. 	"  background-color: var(--primary-background);",
  295. 	"  -webkit-rtl-ordering: logical;",
  296. 	"  cursor: text;",
  297. 	"  border-width:10px;",
  298. 	"  border-style: solid;",
  299. 	"  border-color: var(--primary-background);",
  300. 	"  border-radius: 7px;",
  301. 	"  margin-top: 15px;",
  302. 	"}",
  303. 	"	",
  304. 	"button#add-additional-info {",
  305. 	"  color: var(--quaternary-text-colour);",
  306. 	"  background-color: var(--title-or-link-text-primary-colour);",
  307. 	"  border: 5px solid var(--title-or-link-text-primary-colour-hover);",
  308. 	"  margin-top: 5px;",
  309. 	"  margin-left: 15px;",
  310. 	"  height: 50px;",
  311. 	"  width: 300px;",
  312. 	"  cursor: pointer;",
  313. 	"  font-family: Agency FB;",
  314. 	"  font-size: x-large;",
  315. 	"}",
  316. 	"	",
  317. 	"button.g-recaptcha {",
  318. 	"  color: var(--quinary-text-colour);",
  319. 	"  background-color: var(--title-or-link-text-primary-colour-hover);",
  320. 	"  border: 5px solid var(--title-or-link-text-primary-colour);",
  321. 	"  margin-top: 5px;",
  322. 	"  margin-left: 15px;",
  323. 	"  height: 50px;",
  324. 	"  width: 300px;",
  325. 	"  cursor: pointer;",
  326. 	"  font-family: Agency FB;",
  327. 	"  font-size: x-large;",
  328. 	"}",
  329. 	"	",
  330. 	"input.add-screenshot-captions {",
  331. 	"  background-color: var(--primary-background);",
  332. 	"  -webkit-rtl-ordering: logical;",
  333. 	"  cursor: text;",
  334. 	"  border-width: 10px;",
  335. 	"  border-style: solid;",
  336. 	"  border-color: var(--primary-background);",
  337. 	"  border-radius: 7px;",
  338. 	"  margin-top: 15px;",
  339. 	"}",
  340. 	"	",
  341. 	"form.script-in-sets {",
  342. 	"  background-color: var(--primary-background);",
  343. 	"  padding: 15px;",
  344. 	"  border-radius: 10px;",
  345. 	"  width: 408px;",
  346. 	"}",
  347. 	"	",
  348. 	".install-help-link:hover {",
  349. 	"  box-shadow: 15px 0px 18px 3px rgba(0,0,0,0.75) !important;",
  350. 	"  z-index: 999;",
  351. 	"}",
  352. 	"	",
  353. 	".install-link:hover {",
  354. 	"  box-shadow: -15px 0px 18px 3px rgba(0,",
  355. 	"	 0,",
  356. 	"	 0,",
  357. 	"	 0.75) !important;",
  358. 	"  z-index: 999;",
  359. 	"}",
  360. 	"	",
  361. 	"#install-area .install-link:hover,",
  362. 	"#install-area .install-link:focus,",
  363. 	"#install-area .install-help-link:hover,",
  364. 	"#install-area .install-help-link:focus {",
  365. 	"  box-shadow: none;",
  366. 	"}",
  367. 	"	",
  368. 	"	",
  369. 	"#replaced_by_script_id {",
  370. 	"  background-color: var(--primary-background);",
  371. 	"  -webkit-rtl-ordering: logical;",
  372. 	"  cursor: text;",
  373. 	"  border-width:10px;",
  374. 	"  border-style: solid;",
  375. 	"  border-color: var(--primary-background);",
  376. 	"  border-radius: 7px;",
  377. 	"  margin-top: 15px;",
  378. 	"}",
  379. 	"	 ",
  380. 	"input[type=\'submit\'], .Button {",
  381. 	"  background: var(--title-or-link-text-primary-colour-hover);",
  382. 	"  border: 2px solid var(--title-or-link-text-primary-colour);",
  383. 	"  color: var(--quinary-text-colour)!important;",
  384. 	"  font-weight: bolder;",
  385. 	"  cursor: pointer;",
  386. 	"}",
  387. 	"	",
  388. 	"input[type=\'submit\']:hover, .Button:hover {",
  389. 	"  background: var(--title-or-link-text-primary-colour);",
  390. 	"  border: 2px solid var(--title-or-link-text-primary-colour-hover);",
  391. 	"  color: var(--tertiary-text-colour);",
  392. 	"}",
  393. 	"	",
  394. 	".pagination>*,",
  395. 	".script-list+.pagination>*,",
  396. 	".user-list+.pagination>* {",
  397. 	"  display: inline-block;",
  398. 	"  background-color: var(--primary-background);",
  399. 	"  padding: 0.5em;",
  400. 	"  border-radius: 5px;",
  401. 	"  text-decoration: none;",
  402. 	"}",
  403. 	"	",
  404. 	"tr {",
  405. 	"  background: var(--primary-background);",
  406. 	"}",
  407. 	"	",
  408. 	".notice {",
  409. 	"  background-color: var(--title-or-link-text-secondary-colour);",
  410. 	"  border: none;",
  411. 	"  border-left: 6px solid var(--title-or-link-text-primary-colour-hover);",
  412. 	"  padding: 0.5em;",
  413. 	"  color: var(--tertiary-text-colour) !important;",
  414. 	"}",
  415. 	"	",
  416. 	"form.inline-form.external-login-form {",
  417. 	"  background: var(--primary-background);",
  418. 	"  border: none;",
  419. 	"}",
  420. 	"	",
  421. 	"	",
  422. 	"	",
  423. 	"form#new_user {",
  424. 	"  background: var(--primary-background);",
  425. 	"  border: none;",
  426. 	"}",
  427. 	"	",
  428. 	"form.new_user input[type=\'submit\'] {",
  429. 	"  background-image: linear-gradient(var(--title-or-link-text-primary-colour-hover), var(--title-or-link-text-primary-colour));",
  430. 	"  border: none;",
  431. 	"}",
  432. 	"	",
  433. 	"#home-script-nav {",
  434. 	"  max-width: 700px;",
  435. 	"  margin: 0 auto;",
  436. 	"  padding-bottom: 20px;",
  437. 	"  border-bottom: none;",
  438. 	"  margin-bottom: 15px;",
  439. 	"}",
  440. 	"	",
  441. 	".search-submit {",
  442. 	"  display: none;",
  443. 	"}",
  444. 	"	",
  445. 	".home-search > input[name=\'q\'] {",
  446. 	"  background: var(--primary-background);",
  447. 	"  border: 10px solid var(--primary-background);",
  448. 	"}",
  449. 	"	",
  450. 	"#Panel .FilterMenu, ",
  451. 	"#Panel .PanelCategories, ",
  452. 	"#Panel .MeBox {",
  453. 	"  box-shadow: 0",
  454. 	"   0 5px var(--primary-background);",
  455. 	"  border: 0px solid var(--primary-background);",
  456. 	"  background-color: var(--secondary-background);",
  457. 	"}",
  458. 	"	",
  459. 	"body:not(.Settings) a:not(.Button):not(.ChangePicture) {",
  460. 	"  color: var(--primary-text-colour)",
  461. 	"}",
  462. 	"	",
  463. 	"#Panel .FilterMenu a:hover, ",
  464. 	"#Panel .PanelCategories a:hover, ",
  465. 	"#Panel .FilterMenu a:focus, ",
  466. 	"#Panel .PanelCategories a:focus {",
  467. 	"  background: var(--primary-background);",
  468. 	"  text-decoration: none;",
  469. 	"  box-shadow: none;",
  470. 	"}",
  471. 	".SiteSearch .InputBox{",
  472. 	"  background: var(--secondary-background);",
  473. 	"  border-width:5px;",
  474. 	"  border-style: solid;",
  475. 	"  border-color: var(--secondary-background);",
  476. 	"  border-radius: 7px;",
  477. 	"}",
  478. 	"	",
  479. 	".SiteSearch .Button {",
  480. 	"  display: none;",
  481. 	"}",
  482. 	"	",
  483. 	"#Panel .FilterMenu .Active a, #Panel .PanelCategories .Active a {",
  484. 	"  border-left: 20px solid var(--secondary-background);",
  485. 	"  margin: .25em 0 .25em -20px;",
  486. 	"  background: var(--primary-background);",
  487. 	"}",
  488. 	"	",
  489. 	"a[href*=\'#latest\'] {",
  490. 	"  color:  var(--secondary-text-colour) !important;",
  491. 	"}",
  492. 	"	",
  493. 	"h1.H.HomepageTitle {",
  494. 	"  border-top: 7px solid var(--title-or-link-text-primary-colour);",
  495. 	"}",
  496. 	"	",
  497. 	".rating-image {",
  498. 	"  height: 16px !important;",
  499. 	"  width: 16px !important;",
  500. 	"  filter: brightness(65%);",
  501. 	"}",
  502. 	"	",
  503. 	".SpDashboard, .SpOptions, .SpCog {",
  504. 	"  background-position: 0 -276px;",
  505. 	"}",
  506. 	"	",
  507. 	".SpBookmarks, .SpStar {",
  508. 	"  background-position: -80px -308px;",
  509. 	"}",
  510. 	"	",
  511. 	".SpInbox, .SpEnvelope {",
  512. 	"  background-position: 0 -292px;",
  513. 	"}",
  514. 	"	",
  515. 	".SpNotifications, .SpGlobe {",
  516. 	"  background-position: -32px -276px;",
  517. 	"}",
  518. 	"	",
  519. 	".Item.Read {",
  520. 	"  background: var(--primary-background);",
  521. 	"}",
  522. 	"	",
  523. 	".Item.Read:first-child {",
  524. 	"  border-top-left-radius: 10px;",
  525. 	"  border-top-right-radius: 10px;",
  526. 	"}",
  527. 	"	",
  528. 	".Item.Read:last-child {",
  529. 	"  border-bottom-left-radius: 10px;",
  530. 	"  border-bottom-right-radius: 10px;",
  531. 	"}",
  532. 	"	",
  533. 	"#Content .HomepageTitle {",
  534. 	"  border-top: 7px solid var(--title-or-link-text-primary-colour);",
  535. 	"  color: var(--tertiary-text-colour);",
  536. 	"}",
  537. 	"	",
  538. 	".Tag {",
  539. 	"  background: var(--quaternary-background);",
  540. 	"  color: var(--tertiary-text-colour);",
  541. 	"}",
  542. 	"	",
  543. 	"#site-nav > nav {",
  544. 	"  display: block!important;",
  545. 	"  background: none!important;",
  546. 	"}"
  547. ].join("\n");
  548. if (typeof GM_addStyle != "undefined") {
  549. 	GM_addStyle(css);
  550. } else if (typeof PRO_addStyle != "undefined") {
  551. 	PRO_addStyle(css);
  552. } else if (typeof addStyle != "undefined") {
  553. 	addStyle(css);
  554. } else {
  555. 	var node = document.createElement("style");
  556. 	node.type = "text/css";
  557. 	node.appendChild(document.createTextNode(css));
  558. 	var heads = document.getElementsByTagName("head");
  559. 	if (heads.length > 0) {
  560. 		heads[0].appendChild(node);
  561. 	} else {
  562. 		// no head yet, stick it whereever
  563. 		document.documentElement.appendChild(node);
  564. 	}
  565. }
  566. })();