Greasy Fork is available in English.
Custom Themes, premade themes and more
Per
// ==UserScript==
// @name GreasyFork Beautify Mod!
// @namespace GreasyFork Beautify Mod!
// @version 1
// @description Custom Themes, premade themes and more
// @author TigerYT
// @match *://greatest.deepsurf.us/*
// @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);
}
}
})();