Greasy Fork is available in English.

GreasyFork Beautify Mod!

Custom Themes, premade themes and more

As of 2018-07-03. See the latest version.

// ==UserScript==
// @name         GreasyFork Beautify Mod!
// @namespace    GreasyFork Beautify Mod!
// @version      1
// @description  Custom Themes, premade themes and more
// @author       TigerYT
// @match        *://greasyfork.org/*
// @require      https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// ==/UserScript==

(function() {var css = [
	"body, body:not(.Settings) #Head {",
	"    background: #16151D;",
	"  }",
	"",
	"  .script-list, .user-list, .text-content, #script-info  {",
	"    list-style-type: none;",
	"    box-shadow: 0 0 5px rgba(29,27,38,0.3);",
	"    background-color: #1D1B26;",
	"    border: 1px solid rgba(29,27,38,0.6);",
	"    border-radius: 5px;",
	"    box-sizing: border-box;",
	"    margin: 14px 0;",
	"  }",
	"",
	"  body, select, input  {",
	"    font-family: \"Open Sans\", sans-serif;",
	"    color: #888;",
	"  }",
	"",
	"  #main-header  {",
	"    background-color: #0B0A0D;",
	"    background-image: linear-gradient(#694BA1, #493372);",
	"    padding: 0.25em 0;",
	"  }",
	"",
	"  p.subtitle  {",
	"    margin: -8px 0 0 10px;",
	"    font-size: 0.7em;",
	"    text-shadow: -1px -1px 0px #493372, 1px -1px 0px #493372, -1px 1px 0px #493372, 1px 1px 0px #493372 !important;",
	"  }",
	"",
	"  a, a:visited  {",
	"    color: #694BA1;",
	"  }",
	"",
	"  a:hover  {",
	"    color: #493372;",
	"  }",
	"",
	"  figure  {",
	"    padding: 5px;",
	"    border: none;",
	"    border-radius: 5px;",
	"  }",
	"",
	"  nav nav  {",
	"    position: absolute;",
	"    right: 0;",
	"    background-color: #493372;",
	"    min-width: 100%;",
	"    display: none;",
	"    padding: 5px 0;",
	"    z-index: 10;",
	"  }",
	"",
	"  :focus  {",
	"    outline: -webkit-focus-ring-color auto 5px;",
	"    outline-color: transparent;",
	"    outline-style: auto;",
	"    outline-width: 5px;",
	"  }",
	"",
	".script-list li {",
	"    background: #1D1B26;",
	"    border: 5px solid #1D1B26;",
	"    border-radius: 75px;",
	"    padding: 2em;",
	"    margin-bottom: 10px;",
	"}",
	"",
	".script-list, .user-list, .text-content {",
	"    list-style-type: none;",
	"    box-shadow: 0 0 5px #16151D;",
	"    background-color: #16151D;",
	"    border: 0px solid #16151D;",
	"    border-radius: 5px;",
	"    box-sizing: border-box;",
	"    margin: 14px 0;",
	"}",
	"",
	"  .list-option-group ul  {",
	"    margin: .5em 0 0;",
	"    list-style-type: none;",
	"    padding: 1em 0;",
	"    box-shadow: 0 0 5px #16151D;",
	"    border: 0px solid #16151D;",
	"    border-radius: 5px;",
	"    background-color: #1D1B26;",
	"  }",
	"",
	"  .list-option-group .list-current  {",
	"    border-right: 20px solid #1D1B26;",
	"    margin: 0em -21px 0em 0px;",
	"    padding: 0.4em 1em 0.4em calc(1em - 3px);",
	"    background: #16151D;",
	"    border-left: none;",
	"    box-shadow: none;",
	"  }",
	"",
	"  .list-option-group a:hover, .list-option-group a:focus  {",
	"    background: #16151D;",
	"    text-decoration: none;",
	"    box-shadow: none;",
	"  }",
	"",
	"  .tabs .current  {",
	"    background: rgba(0,0,0,0.03);",
	"    position: relative;",
	"    top: -4px;",
	"    font-weight: bold;",
	"    border-top: 7px solid #493372;",
	"    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);",
	"  }",
	"",
	"  .install-help-link, .install-help-link:visited, .install-help-link:active, .install-help-link:hover {",
	"    background-color: #694BA1;",
	"    color: white;",
	"  }",
	"",
	"  .install-link, .install-link:visited, .install-link:active, .install-link:hover, .install-help-link  {",
	"    display: inline-block;",
	"    background-color: #493372;",
	"    padding: 0.5em 1em;",
	"    color: white;",
	"    text-decoration: none;",
	"  }",
	"",
	"  select  {",
	"    -webkit-appearance: menulist;",
	"    box-sizing: border-box;",
	"    align-items: center;",
	"    white-space: pre;",
	"    /* -webkit-rtl-ordering: logical; */",
	"    color: #bbb;",
	"    background-color: #694BA1;",
	"    cursor: pointer;",
	"    border-width: 1px;",
	"    border-style: solid;",
	"    border-color: #1D1B26;",
	"    border-image: initial;",
	"  }",
	"",
	"  #additional-info > div  {",
	"    margin: 1em 0;",
	"    padding: 1em;",
	"    border: none;",
	"    border-radius: 10px;",
	"    background-color: #16151D;",
	"  }",
	"",
	"  textarea#script-version-additional-info-0  {",
	"    background: #16151D;",
	"    color: #888;",
	"    border: none;",
	"    padding: 10px;",
	"  }",
	"",
	"  textarea#script-version-additional-info-0, ",
	"textarea#script_version_code, ",
	"#ace-editor  {",
	"    background: #16151D;",
	"    color: #888;",
	"    border: none;",
	"    padding: 25px;",
	"  }",
	"",
	"  .ace_gutter-cell, .ace-tm .ace_gutter {",
	"    background: #0f0f14;",
	"  }",
	"",
	"  .preview-results, ",
	"#script-version-additional-info-0  {",
	"    border: none;",
	"    border-radius: 10px;",
	"    background: #16151D;",
	"    color: #888;",
	"    padding: 25px;",
	"  }",
	"",
	"select#language-selector-locale {",
	"    background: #eee;",
	"}",
	"",
	".alert {",
	"    font-style: italic;",
	"    background-color: #b793f9;",
	"    border: none;",
	"    border-left: 20px solid #694BA1;",
	"    padding: 0.5em;",
	"    color: #eee!important;",
	"}",
	"",
	"pre, code, #code-container {",
	"    border-radius: 2px;",
	"    border: 1px solid #6c5793;",
	"    background-color: #493372;",
	"}",
	"",
	".CodeRay .line-numbers {",
	"    background-color: #0f0f14 !important;",
	"}",
	"",
	"#code-container > table > tbody > tr > td.code {",
	"    border-radius: 2px;",
	"    border: 1px solid #16151D !important;",
	"    background-color: #16151D !important;",
	"}",
	"",
	"#code-container {",
	"    border: none;",
	"}",
	"",
	".expander {",
	"    cursor: pointer;",
	"    padding: 2px 5px;",
	"    color: #888;",
	"    font-weight: bolder;",
	"    border-radius: 3px;",
	"    background-color: #16151D;",
	"    text-decoration: none;",
	"}",
	"",
	"a:-webkit-any-link {",
	"    text-decoration: none;",
	"}",
	"",
	"  input[type=search] {",
	"    -webkit-appearance: textfield;",
	"    background-color: #17151B;",
	"    -webkit-rtl-ordering: logical;",
	"    cursor: text;",
	"    padding: 1px;",
	"    border-width: 10px;",
	"    border-style: solid;",
	"    border-color: #17151B;",
	"    border-image: initial;",
	"    border-radius: 7px;",
	"  }",
	"",
	"  input[type=text] {",
	"    background-color: #17151B;",
	"    -webkit-rtl-ordering: logical;",
	"    cursor: text;",
	"    border-width:10px;",
	"    border-style: solid;",
	"    border-color: #17151B;",
	"    border-radius: 7px;",
	"    margin-top: 15px;",
	"  }",
	"",
	"  button#add-additional-info {",
	"    color: #999;",
	"    background-color: #493372;",
	"    border: 5px solid #694BA1;",
	"    margin-top: 5px;",
	"    margin-left: 15px;",
	"    height: 50px;",
	"    width: 300px;",
	"    cursor: pointer;",
	"    font-family: Agency FB;",
	"    font-size: x-large;",
	"  }",
	"",
	"  button.g-recaptcha {",
	"    color: #111;",
	"    background-color: #694BA1;",
	"    border: 5px solid #493372;",
	"    margin-top: 5px;",
	"    margin-left: 15px;",
	"    height: 50px;",
	"    width: 300px;",
	"    cursor: pointer;",
	"    font-family: Agency FB;",
	"    font-size: x-large;",
	"  }",
	"",
	"  input.add-screenshot-captions {",
	"    background-color: #17151B;",
	"    -webkit-rtl-ordering: logical;",
	"    cursor: text;",
	"    border-width:10px;",
	"    border-style: solid;",
	"    border-color: #17151B;",
	"    border-radius: 7px;",
	"    margin-top: 15px;",
	"  }",
	"",
	"  input[type=\"submit\"] {",
	"    background: transparent;",
	"    border: none;",
	"    border-radius: 10px;",
	"    margin-left: 10px;",
	"    margin-top: -10px;",
	"    font-size: 30px;",
	"    cursor: pointer;",
	"  }",
	"",
	"  form.script-in-sets {",
	"    background-color: #17151B;",
	"    padding: 15px;",
	"    border-radius: 10px;",
	"    width: 408px;",
	"  }"
].join("\n");
if (typeof GM_addStyle != "undefined") {
	GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
	PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
	addStyle(css);
} else {
	var node = document.createElement("style");
	node.type = "text/css";
	node.appendChild(document.createTextNode(css));
	var heads = document.getElementsByTagName("head");
	if (heads.length > 0) {
		heads[0].appendChild(node);
	} else {
		// no head yet, stick it whereever
		document.documentElement.appendChild(node);
	}
}
})();