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 {",
  13. " background: #16151D;",
  14. "}",
  15. "",
  16. "input[type=search] {",
  17. " -webkit-appearance: textfield;",
  18. " background-color: #17151B;",
  19. " -webkit-rtl-ordering: logical;",
  20. " cursor: text;",
  21. " padding: 1px;",
  22. " border-width: 10px;",
  23. " border-style: solid;",
  24. " border-color: #17151B;",
  25. " border-image: initial;",
  26. " border-radius: 7px;",
  27. "}",
  28. "",
  29. ".script-list, .user-list, .text-content, #script-info {",
  30. " list-style-type: none;",
  31. " box-shadow: 0 0 5px rgba(29,27,38,0.3);",
  32. " background-color: #1D1B26;",
  33. " border: 1px solid rgba(29,27,38,0.6);",
  34. " border-radius: 5px;",
  35. " box-sizing: border-box;",
  36. " margin: 14px 0;",
  37. "}",
  38. "",
  39. "body, select, input {",
  40. " font-family: \"Open Sans\", sans-serif;",
  41. " color: #888;",
  42. "}",
  43. "",
  44. "#main-header {",
  45. " background-color: #0B0A0D;",
  46. " background-image: linear-gradient(#694BA1, #493372);",
  47. " padding: 0.25em 0;",
  48. "}",
  49. "",
  50. "#main-header .subtitle {",
  51. " margin: -8px 0 0 10px;",
  52. " font-size: 0.7em;",
  53. " text-shadow: -1px -1px 0px #493372, 1px -1px 0px #493372, -1px 1px 0px #493372, 1px 1px 0px #493372;",
  54. "}",
  55. "",
  56. "a:visited {",
  57. " color: #493372;",
  58. "}",
  59. "",
  60. "a {",
  61. " color: #493372;",
  62. "}",
  63. "",
  64. "figure {",
  65. " padding: 5px;",
  66. " border: none;",
  67. " border-radius: 5px;",
  68. "}",
  69. "",
  70. "nav nav {",
  71. " position: absolute;",
  72. " right: 0;",
  73. " background-color: #493372;",
  74. " min-width: 100%;",
  75. " display: none;",
  76. " padding: 5px 0;",
  77. " z-index: 10;",
  78. "}",
  79. "",
  80. ":focus {",
  81. " outline: -webkit-focus-ring-color auto 5px;",
  82. " outline-color: transparent;",
  83. " outline-style: auto;",
  84. " outline-width: 5px;",
  85. "}",
  86. "",
  87. ".script-list li {",
  88. " background: #1D1B26;",
  89. " border: 5px solid #16151D;",
  90. " border-radius: 75px;",
  91. " padding: 2em;",
  92. "}",
  93. "",
  94. ".script-list, .user-list, .text-content {",
  95. " list-style-type: none;",
  96. " box-shadow: 0 0 5px #1D1B26;",
  97. " background-color: #1D1B26;",
  98. " border: 0px solid #1D1B26;",
  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, .list-option-group a:focus {",
  124. " background: #16151D;",
  125. " text-decoration: none;",
  126. " box-shadow: none;",
  127. "}",
  128. "",
  129. ".tabs .current {",
  130. " background: rgba(0,0,0,0.03);",
  131. " position: relative;",
  132. " top: -4px;",
  133. " font-weight: bold;",
  134. " border-top: 7px solid #493372;",
  135. " 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);",
  136. "}",
  137. "",
  138. ".install-help-link, .install-help-link:visited, .install-help-link:active, .install-help-link:hover {",
  139. " background-color: #694BA1;",
  140. " color: white;",
  141. "}",
  142. "",
  143. ".install-link, .install-link:visited, .install-link:active, .install-link:hover, .install-help-link {",
  144. " display: inline-block;",
  145. " background-color: #493372;",
  146. " padding: 0.5em 1em;",
  147. " color: white;",
  148. " text-decoration: none;",
  149. "}",
  150. "",
  151. "select {",
  152. " -webkit-appearance: menulist;",
  153. " box-sizing: border-box;",
  154. " align-items: center;",
  155. " white-space: pre;",
  156. " /* -webkit-rtl-ordering: logical; */",
  157. " color: #888;",
  158. " background-color: #694BA1;",
  159. " cursor: default;",
  160. " border-width: 1px;",
  161. " border-style: solid;",
  162. " border-color: initial;",
  163. " border-image: initial;",
  164. "}"
  165. ].join("\n");
  166. if (typeof GM_addStyle != "undefined") {
  167. GM_addStyle(css);
  168. } else if (typeof PRO_addStyle != "undefined") {
  169. PRO_addStyle(css);
  170. } else if (typeof addStyle != "undefined") {
  171. addStyle(css);
  172. } else {
  173. var node = document.createElement("style");
  174. node.type = "text/css";
  175. node.appendChild(document.createTextNode(css));
  176. var heads = document.getElementsByTagName("head");
  177. if (heads.length > 0) {
  178. heads[0].appendChild(node);
  179. } else {
  180. // no head yet, stick it whereever
  181. document.documentElement.appendChild(node);
  182. }
  183. }
  184. })();