GreasyFork Beautify Mod!

Custom Themes, premade themes and more

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

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