Greasy Fork is available in English.

GreasyFork Beautify Mod!

Custom Themes, premade themes and more

Version au 02/01/2019. Voir la dernière 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 = [
	":root {",
	"  --primary-background: #16151D;",
	"  --secondary-background: #1D1B26;",
	"  --tertiary-background: #0F0F14;",
	"  --quaternary-background: #6B4CA7;",
	"      ",
	"  --primary-text-colour: #888888;",
	"  --secondary-text-colour: #BBBBBB;",
	"  --tertiary-text-colour: #EEEEEE;",
	"  --quaternary-text-colour: #999999;",
	"  --quinary-text-colour: #111111;",
	"      ",
	"  --title-or-link-text-primary-colour: #694BA1;",
	"  --title-or-link-text-secondary-colour: #B793F9;",
	"  --title-or-link-text-primary-colour-hover: #493372;",
	"}",
	"",
	"body:not(.Settings) #Head, ",
	"body:not(.Settings) {",
	"  background: var(--primary-background);",
	"}",
	"",
	".script-list,",
	".user-list,",
	".text-content,",
	"#script-info, ",
	"#Content {",
	"  list-style-type: none;",
	"  box-shadow: 0 0 5px var(--secondary-background);",
	"  background-color: var(--secondary-background);",
	"  border: 0px solid var(--secondary-background);",
	"  border-radius: 5px;",
	"  box-sizing: border-box;",
	"  margin: 14px 0;",
	"  color: var(--primary-text-colour);",
	"}",
	"",
	"body,",
	"select,",
	"input  {",
	"  font-family: \Open Sans\",
	"  sans-serif;",
	"  color: var(--primary-text-colour);",
	"}",
	"",
	"#main-header, ",
	"body:not(.Settings) #Head {",
	"  background-image: linear-gradient(var(--title-or-link-text-primary-colour-hover), var(--title-or-link-text-primary-colour);",
	"  padding: 0.25em 0;",
	"}",
	"",
	"p.subtitle  {",
	"  margin: -8px 0 0 10px;",
	"  font-size: 0.7em;",
	"  text-shadow: -1px -1px 0px var(--title-or-link-text-primary-colour), 1px -1px 0px var(--title-or-link-text-primary-colour), -1px 1px 0px var(--title-or-link-text-primary-colour), 1px 1px 0px var(--title-or-link-text-primary-colour) !important;",
	"}",
	"",
	"a,",
	"a:visited  {",
	"  color: var(--title-or-link-text-primary-colour-hover);",
	"}",
	"",
	"a:hover  {",
	"  color: var(--title-or-link-text-primary-colour);",
	"}",
	"",
	"figure  {",
	"  padding: 5px;",
	"  border: none;",
	"  border-radius: 5px;",
	"}",
	"",
	"nav {",
	"  position: absolute!important;",
	"  right: 0!important;",
	"  background-color: var(--title-or-link-text-primary-colour)!important;",
	"  min-width: 100%!important;",
	"  display: none;",
	"  padding: 5px 0!important;",
	"  z-index: 10!important;",
	"}",
	"",
	":focus  {",
	"  outline: -webkit-focus-ring-color auto 5px;",
	"  outline-color: transparent;",
	"  outline-style: auto;",
	"  outline-width: 5px;",
	"}",
	"",
	".script-list li {",
	"  background: var(--secondary-background);",
	"  border: 5px solid var(--secondary-background);",
	"  border-radius: 75px;",
	"  padding: 2em;",
	"  margin-bottom: 10px;",
	"}",
	"",
	".script-list,",
	".user-list {",
	"  list-style-type: none;",
	"  box-shadow: 0 0 5px var(--primary-background);",
	"  background-color: var(--primary-background);",
	"  border: 0px solid var(--primary-background);",
	"  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 var(--primary-background);",
	"  border: 0px solid var(--primary-background);",
	"  border-radius: 5px;",
	"  background-color: var(--secondary-background);",
	"}",
	"",
	".list-option-group .list-current  {",
	"  border-right: 20px solid var(--secondary-background);",
	"  margin: 0em -21px 0em 0px;",
	"  padding: 0.4em 1em 0.4em calc(1em - 3px);",
	"  background: var(--primary-background);",
	"  border-left: none;",
	"  box-shadow: none;",
	"}",
	"",
	".list-option-group a:hover,",
	".list-option-group a:focus  {",
	"  background: var(--primary-background);",
	"  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 var(--title-or-link-text-primary-colour);",
	"  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 {",
	"  background-color: var(--title-or-link-text-primary-colour-hover)!important;",
	"  color: ",
	"        var(--tertiary-text-colour);",
	"}",
	"",
	".install-link,",
	".install-link:visited,",
	".install-link:active  {",
	"  display: inline-block;",
	"  background-color: var(--title-or-link-text-primary-colour)!important;",
	"  padding: 0.5em 1em;",
	"  color: var(--tertiary-text-colour);",
	"  text-decoration: none;",
	"}",
	"",
	"div#install-link+#install-help-link:hover > .install-link {",
	"  background:  var(--title-or-link-text-primary-colour-hover);",
	"}",
	"",
	"div#install-link+#install-help-link:hover > .install-help-link {",
	"  background:  var(--title-or-link-text-primary-colour);",
	"}",
	"",
	"select  {",
	"  -webkit-appearance: menulist;",
	"  box-sizing: border-box;",
	"  align-items: center;",
	"  white-space: pre;",
	"  -webkit-rtl-ordering: logical;",
	"  color: var(--secondary-text-colour);",
	"  background-color: var(--title-or-link-text-primary-colour-hover);",
	"  cursor: pointer;",
	"  border-width: 1px;",
	"  border-style: solid;",
	"  border-color: var(--secondary-background);",
	"  border-image: initial;",
	"}",
	"",
	"#additional-info > div  {",
	"  margin: 1em 0;",
	"  padding: 1em;",
	"  border: none;",
	"  border-radius: 10px;",
	"  background-color: var(--primary-background);",
	"}",
	"",
	"textarea, #ace-editor {",
	"  background: var(--primary-background);",
	"  color: var(--primary-text-colour);",
	"  border: none;",
	"  padding: 25px;",
	"}",
	"",
	".ace_gutter-cell,",
	".ace-tm .ace_gutter, ",
	".preview-results {",
	"  background: var(--tertiary-background);",
	"}",
	"",
	"	#script-version-additional-info-0  {",
	"  border: none;",
	"  border-radius: 10px;",
	"  background: var(--primary-background);",
	"  color: var(--primary-text-colour);",
	"  padding: 25px;",
	"}",
	"",
	"	select#language-selector-locale {",
	"  background: var(--tertiary-text-colour);",
	"	}",
	"",
	"pre,",
	"code,",
	"#code-container {",
	"  border-radius: 2px;",
	"  background-color: var(--title-or-link-text-primary-colour)!important;",
	"	}",
	"",
	"	 .Message pre ol {",
	"  background-color: var(--title-or-link-text-primary-colour)!important;",
	"	 }",
	"",
	"	.CodeRay .line-numbers {",
	"  background-color: var(--tertiary-background) !important;",
	"	}",
	"",
	"	#code-container > table > tbody > tr > td.code {",
	"  border-radius: 2px;",
	"  border: 1px solid var(--primary-background) !important;",
	"  background-color: var(--primary-background) !important;",
	"	}",
	"",
	"	#code-container {",
	"  border: none;",
	"	}",
	"",
	"	.expander {",
	"  cursor: pointer;",
	"  padding: 2px 5px;",
	"  color: var(--primary-text-colour);",
	"  font-weight: bolder;",
	"  border-radius: 3px;",
	"  background-color: var(--primary-background);",
	"  text-decoration: none;",
	"	}",
	"",
	"	a:-webkit-any-link {",
	"  text-decoration: none;",
	"	}",
	"",
	"input[type=search] {",
	"  -webkit-appearance: textfield;",
	"  background-color: var(--secondary-background);",
	"  -webkit-rtl-ordering: logical;",
	"  cursor: text;",
	"  padding: 1px;",
	"  border-width: 10px;",
	"  border-style: solid;",
	"  border-color: var(--secondary-background);",
	"  border-image: initial;",
	"  border-radius: 7px;",
	"}",
	"",
	"input[type=text] {",
	"  background-color: var(--primary-background);",
	"  -webkit-rtl-ordering: logical;",
	"  cursor: text;",
	"  border-width:10px;",
	"  border-style: solid;",
	"  border-color: var(--primary-background);",
	"  border-radius: 7px;",
	"  margin-top: 15px;",
	"}",
	"",
	"input[type=url] {",
	"  background-color: var(--primary-background);",
	"  -webkit-rtl-ordering: logical;",
	"  cursor: text;",
	"  border-width:10px;",
	"  border-style: solid;",
	"  border-color: var(--primary-background);",
	"  border-radius: 7px;",
	"  margin-top: 15px;",
	"}",
	"",
	"button#add-additional-info {",
	"  color: var(--quaternary-text-colour);",
	"  background-color: var(--title-or-link-text-primary-colour);",
	"  border: 5px solid var(--title-or-link-text-primary-colour-hover);",
	"  margin-top: 5px;",
	"  margin-left: 15px;",
	"  height: 50px;",
	"  width: 300px;",
	"  cursor: pointer;",
	"  font-family: Agency FB;",
	"  font-size: x-large;",
	"}",
	"",
	"button.g-recaptcha {",
	"  color: var(--quinary-text-colour);",
	"  background-color: var(--title-or-link-text-primary-colour-hover);",
	"  border: 5px solid var(--title-or-link-text-primary-colour);",
	"  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: var(--primary-background);",
	"  -webkit-rtl-ordering: logical;",
	"  cursor: text;",
	"  border-width: 10px;",
	"  border-style: solid;",
	"  border-color: var(--primary-background);",
	"  border-radius: 7px;",
	"  margin-top: 15px;",
	"}",
	"",
	"form.script-in-sets {",
	"  background-color: var(--primary-background);",
	"  padding: 15px;",
	"  border-radius: 10px;",
	"  width: 408px;",
	"}",
	"",
	".install-help-link:hover {",
	"  box-shadow: 15px 0px 18px 3px rgba(0,0,0,0.75) !important;",
	"  z-index: 999;",
	"}",
	"",
	".install-link:hover {",
	"  box-shadow: -15px 0px 18px 3px rgba(0,",
	"	 0,",
	"	 0,",
	"	 0.75) !important;",
	"  z-index: 999;",
	"}",
	"",
	"#install-area .install-link:hover,",
	"#install-area .install-link:focus,",
	"#install-area .install-help-link:hover,",
	"#install-area .install-help-link:focus {",
	"  box-shadow: none;",
	"}",
	"",
	"",
	"#replaced_by_script_id {",
	"  background-color: var(--primary-background);",
	"  -webkit-rtl-ordering: logical;",
	"  cursor: text;",
	"  border-width:10px;",
	"  border-style: solid;",
	"  border-color: var(--primary-background);",
	"  border-radius: 7px;",
	"  margin-top: 15px;",
	"}",
	"	 ",
	"input[type=\submit\], .Button {",
	"  background: var(--title-or-link-text-primary-colour-hover);",
	"  border: 2px solid var(--title-or-link-text-primary-colour);",
	"  color: var(--quinary-text-colour)!important;",
	"  font-weight: bolder;",
	"  cursor: pointer;",
	"}",
	"",
	"input[type=\submit\]:hover, .Button:hover {",
	"  background: var(--title-or-link-text-primary-colour);",
	"  border: 2px solid var(--title-or-link-text-primary-colour-hover);",
	"  color: var(--tertiary-text-colour);",
	"}",
	"",
	".pagination>*,",
	".script-list+.pagination>*,",
	".user-list+.pagination>* {",
	"  display: inline-block;",
	"  background-color: var(--primary-background);",
	"  padding: 0.5em;",
	"  border-radius: 5px;",
	"  text-decoration: none;",
	"}",
	"",
	"tr {",
	"  background: var(--primary-background);",
	"}",
	"",
	".notice {",
	"  background-color: var(--title-or-link-text-secondary-colour);",
	"  border: none;",
	"  border-left: 6px solid var(--title-or-link-text-primary-colour-hover);",
	"  padding: 0.5em;",
	"  color: var(--tertiary-text-colour) !important;",
	"}",
	"",
	"form.inline-form.external-login-form {",
	"  background: var(--primary-background);",
	"  border: none;",
	"}",
	"",
	"",
	"",
	"form#new_user {",
	"  background: var(--primary-background);",
	"  border: none;",
	"}",
	"",
	"form.new_user input[type=\submit\] {",
	"  background-image: linear-gradient(var(--title-or-link-text-primary-colour-hover),",
	"var(--title-or-link-text-primary-colour);",
	"  border: none;",
	"}",
	"",
	"#home-script-nav {",
	"  max-width: 700px;",
	"  margin: 0 auto;",
	"  padding-bottom: 20px;",
	"  border-bottom: none;",
	"  margin-bottom: 15px;",
	"}",
	"",
	".search-submit {",
	"  display: none;",
	"}",
	"",
	".home-search > input[name=\q\] {",
	"  background: var(--primary-background);",
	"  border: 10px solid var(--primary-background);",
	"}",
	"",
	"#Panel .FilterMenu, ",
	"#Panel .PanelCategories, ",
	"#Panel .MeBox {",
	"  box-shadow: 0",
	"   0 5px var(--primary-background);",
	"  border: 0px solid var(--primary-background);",
	"  background-color: var(--secondary-background);",
	"}",
	"",
	"body:not(.Settings) a:not(.Button):not(.ChangePicture) {",
	"  color: var(--primary-text-colour)",
	"}",
	"",
	"#Panel .FilterMenu a:hover, ",
	"#Panel .PanelCategories a:hover, ",
	"#Panel .FilterMenu a:focus, ",
	"#Panel .PanelCategories a:focus {",
	"  background: var(--primary-background);",
	"  text-decoration: none;",
	"  box-shadow: none;",
	"}",
	".SiteSearch .InputBox{",
	"  background: var(--secondary-background);",
	"  border-width:5px;",
	"  border-style: solid;",
	"  border-color: var(--secondary-background);",
	"  border-radius: 7px;",
	"}",
	"",
	".SiteSearch .Button {",
	"  display: none;",
	"}",
	"",
	"#Panel .FilterMenu .Active a, #Panel .PanelCategories .Active a {",
	"  border-left: 20px solid var(--secondary-background);",
	"  margin: .25em 0 .25em -20px;",
	"  background: var(--primary-background);",
	"}",
	"",
	"a[href*=\#latest\] {",
	"  color:  var(--secondary-text-colour) !important;",
	"}",
	"",
	"h1.H.HomepageTitle {",
	"  border-top: 7px solid var(--title-or-link-text-primary-colour);",
	"}",
	"",
	".rating-image {",
	"  height: 16px !important;",
	"  width: 16px !important;",
	"  filter: brightness(65%);",
	"}",
	"",
	".SpDashboard, .SpOptions, .SpCog {",
	"  background-position: 0 -276px;",
	"}",
	"",
	".SpBookmarks, .SpStar {",
	"  background-position: -80px -308px;",
	"}",
	"",
	".SpInbox, .SpEnvelope {",
	"  background-position: 0 -292px;",
	"}",
	"",
	".SpNotifications, .SpGlobe {",
	"  background-position: -32px -276px;",
	"}",
	"",
	".Item.Read {",
	"  background: var(--primary-background);",
	"}",
	"",
	".Item.Read:first-child {",
	"  border-top-left-radius: 10px;",
	"  border-top-right-radius: 10px;",
	"}",
	"",
	".Item.Read:last-child {",
	"  border-bottom-left-radius: 10px;",
	"  border-bottom-right-radius: 10px;",
	"}",
	"",
	"#Content .HomepageTitle {",
	"  border-top: 7px solid var(--title-or-link-text-primary-colour);",
	"  color: var(--tertiary-text-colour);",
	"}",
	"",
	".Tag {",
	"  background: var(--quaternary-background);",
	"  color: var(--tertiary-text-colour);",
	"}",
	"",
	"#site-nav > nav {",
	"  display: block!important;",
	"  background: none!important;",
	"}"
].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);
	}
}
})();

    function addScore(script){
        var separator=script.querySelector('h2>span.name-description-separator');
        var description=script.querySelector('h2>span.description');
        if(separator){
            var score=document.createElement("strong");
            score.style.color="#e09015";
            score.innerHTML=script.getAttribute("data-script-rating-score");
            separator.parentNode.insertBefore(score,separator);
        }
        if(description)description.innerHTML+="<strong>Ver."+script.getAttribute("data-script-version")+"</strong>";
        var installArea=script.querySelector("#install-area");
    }