☰

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 {",
  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 {",
  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 #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, .list-option-group a:focus {",
  124. 	"    background: #16151D;",
  125. 	"    text-decoration: none;",
  126. 	"    box-shadow: none;",
  127. 	"}"
  128. ].join("\n");
  129. if (typeof GM_addStyle != "undefined") {
  130. 	GM_addStyle(css);
  131. } else if (typeof PRO_addStyle != "undefined") {
  132. 	PRO_addStyle(css);
  133. } else if (typeof addStyle != "undefined") {
  134. 	addStyle(css);
  135. } else {
  136. 	var node = document.createElement("style");
  137. 	node.type = "text/css";
  138. 	node.appendChild(document.createTextNode(css));
  139. 	var heads = document.getElementsByTagName("head");
  140. 	if (heads.length > 0) {
  141. 		heads[0].appendChild(node);
  142. 	} else {
  143. 		// no head yet, stick it whereever
  144. 		document.documentElement.appendChild(node);
  145. 	}
  146. }
  147. })();