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, #ace-editor {",
  190. " background: #16151D;",
  191. " color: #888;",
  192. " border: none;",
  193. " padding: 25px;",
  194. " }",
  195. "",
  196. " .ace_gutter-cell,",
  197. " .ace-tm .ace_gutter, ",
  198. " .preview-results {",
  199. " background: #0f0f14;",
  200. " }",
  201. " ",
  202. "#script-version-additional-info-0 {",
  203. " border: none;",
  204. " border-radius: 10px;",
  205. " background: #16151D;",
  206. " color: #888;",
  207. " padding: 25px;",
  208. " }",
  209. "",
  210. "select#language-selector-locale {",
  211. " background: #eee;",
  212. "}",
  213. "",
  214. ".alert {",
  215. " font-style: italic;",
  216. " background-color: #b793f9;",
  217. " border: none;",
  218. " border-left: 20px solid #694BA1;",
  219. " padding: 0.5em;",
  220. " color: #eee!important;",
  221. "}",
  222. "",
  223. " pre,",
  224. " code,",
  225. " #code-container {",
  226. " border-radius: 2px;",
  227. " border: 1px solid #6c5793!important;",
  228. " background-color: #493372!important;",
  229. "}",
  230. "",
  231. " .Message pre ol {",
  232. " background-color: #493372!important;",
  233. " }",
  234. "",
  235. ".CodeRay .line-numbers {",
  236. " background-color: #0f0f14 !important;",
  237. "}",
  238. "",
  239. "#code-container > table > tbody > tr > td.code {",
  240. " border-radius: 2px;",
  241. " border: 1px solid #16151D !important;",
  242. " background-color: #16151D !important;",
  243. "}",
  244. "",
  245. "#code-container {",
  246. " border: none;",
  247. "}",
  248. "",
  249. ".expander {",
  250. " cursor: pointer;",
  251. " padding: 2px 5px;",
  252. " color: #888;",
  253. " font-weight: bolder;",
  254. " border-radius: 3px;",
  255. " background-color: #16151D;",
  256. " text-decoration: none;",
  257. "}",
  258. "",
  259. "a:-webkit-any-link {",
  260. " text-decoration: none;",
  261. "}",
  262. "",
  263. " input[type=search] {",
  264. " -webkit-appearance: textfield;",
  265. " background-color: #1D1B26;",
  266. " -webkit-rtl-ordering: logical;",
  267. " cursor: text;",
  268. " padding: 1px;",
  269. " border-width: 10px;",
  270. " border-style: solid;",
  271. " border-color: #1D1B26;",
  272. " border-image: initial;",
  273. " border-radius: 7px;",
  274. " }",
  275. "",
  276. " input[type=text] {",
  277. " background-color: #16151D;",
  278. " -webkit-rtl-ordering: logical;",
  279. " cursor: text;",
  280. " border-width:10px;",
  281. " border-style: solid;",
  282. " border-color: #16151D;",
  283. " border-radius: 7px;",
  284. " margin-top: 15px;",
  285. " }",
  286. "",
  287. " input[type=url] {",
  288. " background-color: #16151D;",
  289. " -webkit-rtl-ordering: logical;",
  290. " cursor: text;",
  291. " border-width:10px;",
  292. " border-style: solid;",
  293. " border-color: #16151D;",
  294. " border-radius: 7px;",
  295. " margin-top: 15px;",
  296. " }",
  297. "",
  298. " button#add-additional-info {",
  299. " color: #999;",
  300. " background-color: #493372;",
  301. " border: 5px solid #694BA1;",
  302. " margin-top: 5px;",
  303. " margin-left: 15px;",
  304. " height: 50px;",
  305. " width: 300px;",
  306. " cursor: pointer;",
  307. " font-family: Agency FB;",
  308. " font-size: x-large;",
  309. " }",
  310. "",
  311. " button.g-recaptcha {",
  312. " color: #111;",
  313. " background-color: #694BA1;",
  314. " border: 5px solid #493372;",
  315. " margin-top: 5px;",
  316. " margin-left: 15px;",
  317. " height: 50px;",
  318. " width: 300px;",
  319. " cursor: pointer;",
  320. " font-family: Agency FB;",
  321. " font-size: x-large;",
  322. " }",
  323. "",
  324. " input.add-screenshot-captions {",
  325. " background-color: #16151D;",
  326. " -webkit-rtl-ordering: logical;",
  327. " cursor: text;",
  328. " border-width:10px;",
  329. " border-style: solid;",
  330. " border-color: #16151D;",
  331. " border-radius: 7px;",
  332. " margin-top: 15px;",
  333. " }",
  334. "",
  335. " form.script-in-sets {",
  336. " background-color: #16151D;",
  337. " padding: 15px;",
  338. " border-radius: 10px;",
  339. " width: 408px;",
  340. " }",
  341. "",
  342. " .install-help-link:hover {",
  343. " box-shadow: 15px 0px 18px 3px rgba(0,0,0,0.75) !important;",
  344. " z-index: 999;",
  345. " }",
  346. "",
  347. " .install-link:hover {",
  348. " box-shadow: -15px 0px 18px 3px rgba(0,",
  349. " 0,",
  350. " 0,",
  351. " 0.75) !important;",
  352. " z-index: 999;",
  353. " }",
  354. "",
  355. " #install-area .install-link:hover,",
  356. " #install-area .install-link:focus,",
  357. " #install-area .install-help-link:hover,",
  358. " #install-area .install-help-link:focus {",
  359. " box-shadow: none;",
  360. " }",
  361. "",
  362. "",
  363. " #replaced_by_script_id {",
  364. " background-color: #16151D;",
  365. " -webkit-rtl-ordering: logical;",
  366. " cursor: text;",
  367. " border-width:10px;",
  368. " border-style: solid;",
  369. " border-color: #16151D;",
  370. " border-radius: 7px;",
  371. " margin-top: 15px;",
  372. " }",
  373. " ",
  374. " input[type=\"submit\"], .Button {",
  375. " background: #694BA1;",
  376. " border: 2px solid #493372;",
  377. " color: #111;",
  378. " font-weight: bolder;",
  379. " cursor: pointer;",
  380. " }",
  381. "",
  382. " input[type=\"submit\"]:hover, .Button:hover {",
  383. " background: #493372;",
  384. " border: 2px solid #694BA1;",
  385. " color: #eee;",
  386. " }",
  387. "",
  388. " .pagination>*,",
  389. " .script-list+.pagination>*,",
  390. " .user-list+.pagination>* {",
  391. " display: inline-block;",
  392. " background-color: #16151D;",
  393. " padding: 0.5em;",
  394. " border-radius: 5px;",
  395. " text-decoration: none;",
  396. " }",
  397. "",
  398. " tr {",
  399. " background: #16151D;",
  400. " }",
  401. "",
  402. " .notice {",
  403. " background-color: #b793f9;",
  404. " border: none;",
  405. " border-left: 6px solid #694BA1;",
  406. " padding: 0.5em;",
  407. " color: #eee !important;",
  408. " }",
  409. "",
  410. " form.inline-form.external-login-form {",
  411. " background: #16151D;",
  412. " border: none;",
  413. " }",
  414. "",
  415. "",
  416. "",
  417. " form#new_user {",
  418. " background: #16151D;",
  419. " border: none;",
  420. " }",
  421. "",
  422. " form.new_user input[type=\"submit\"] {",
  423. " background-image: linear-gradient(#694BA1,",
  424. " #493372);",
  425. " border: none;",
  426. " }",
  427. "",
  428. " #home-script-nav {",
  429. " max-width: 700px;",
  430. " margin: 0 auto;",
  431. " padding-bottom: 20px;",
  432. " border-bottom: none;",
  433. " margin-bottom: 15px;",
  434. " }",
  435. "",
  436. " .search-submit {",
  437. " display: none;",
  438. " }",
  439. "",
  440. " .home-search > input[name=\"q\"] {",
  441. " background: #16151D;",
  442. " border: 10px solid #16151D;",
  443. " }",
  444. "",
  445. " #Panel .FilterMenu, ",
  446. " #Panel .PanelCategories, ",
  447. " #Panel .MeBox {",
  448. " box-shadow: 0",
  449. " 0 5px #16151D;",
  450. " border: 0px solid #16151D;",
  451. " background-color: #1D1B26;",
  452. " }",
  453. "",
  454. " body:not(.Settings) a:not(.Button):not(.ChangePicture) {",
  455. " color: #888",
  456. " }",
  457. "",
  458. " #Panel .FilterMenu a:hover, ",
  459. " #Panel .PanelCategories a:hover, ",
  460. " #Panel .FilterMenu a:focus, ",
  461. " #Panel .PanelCategories a:focus {",
  462. " background: #16151D;",
  463. " text-decoration: none;",
  464. " box-shadow: none;",
  465. " }",
  466. " .SiteSearch .InputBox{",
  467. " background: #1D1B26;",
  468. " border-width:5px;",
  469. " border-style: solid;",
  470. " border-color: #1D1B26;",
  471. " border-radius: 7px;",
  472. " }",
  473. "",
  474. " .SiteSearch .Button {",
  475. " display: none;",
  476. " }",
  477. "",
  478. " #Panel .FilterMenu .Active a, #Panel .PanelCategories .Active a {",
  479. " border-left: 20px solid #1D1B26;",
  480. " margin: .25em 0 .25em -20px;",
  481. " background: #16151D;",
  482. " }",
  483. "",
  484. " a[href*=\"#latest\"] {",
  485. " color: #bbb !important;",
  486. " }",
  487. "",
  488. " h1.H.HomepageTitle {",
  489. " border-top: 7px solid #493372;",
  490. " }",
  491. "",
  492. " .rating-image {",
  493. " height: 16px !important;",
  494. " width: 16px !important;",
  495. " filter: brightness(65%);",
  496. " }",
  497. "",
  498. " .SpDashboard, .SpOptions, .SpCog {",
  499. " background-position: 0 -276px;",
  500. " }",
  501. "",
  502. " .SpBookmarks, .SpStar {",
  503. " background-position: -80px -308px;",
  504. " }",
  505. "",
  506. " .SpInbox, .SpEnvelope {",
  507. " background-position: 0 -292px;",
  508. " }",
  509. "",
  510. " .SpNotifications, .SpGlobe {",
  511. " background-position: -32px -276px;",
  512. " }",
  513. "",
  514. " .Item.Read {",
  515. " background: #16151D;",
  516. " }",
  517. "",
  518. " .Item.Read:first-child {",
  519. " border-top-left-radius: 10px;",
  520. " border-top-right-radius: 10px;",
  521. " }",
  522. "",
  523. " .Item.Read:last-child {",
  524. " border-bottom-left-radius: 10px;",
  525. " border-bottom-right-radius: 10px;",
  526. " }",
  527. "",
  528. " #Content .HomepageTitle {",
  529. " border-top: 7px solid #493372;",
  530. " color: #eee;",
  531. " }",
  532. "",
  533. " .Tag {",
  534. " background: #6b4ca7;",
  535. " color: #eee;",
  536. " }",
  537. "",
  538. " #site-nav > nav {",
  539. " display: block!important;",
  540. " background: none!important;",
  541. " }"
  542. ].join("\n");
  543. if (typeof GM_addStyle != "undefined") {
  544. GM_addStyle(css);
  545. } else if (typeof PRO_addStyle != "undefined") {
  546. PRO_addStyle(css);
  547. } else if (typeof addStyle != "undefined") {
  548. addStyle(css);
  549. } else {
  550. var node = document.createElement("style");
  551. node.type = "text/css";
  552. node.appendChild(document.createTextNode(css));
  553. var heads = document.getElementsByTagName("head");
  554. if (heads.length > 0) {
  555. heads[0].appendChild(node);
  556. } else {
  557. // no head yet, stick it whereever
  558. document.documentElement.appendChild(node);
  559. }
  560. }
  561. })();