Custom Themes, premade themes and more
// ==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 = [
"body {",
" background: #16151D;",
"}",
"",
"input {",
" -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;",
"}",
"",
".script-list, .user-list, .text-content {",
" 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;",
"}",
"",
"#main-header .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;",
"}",
"",
"a:visited {",
" color: #493372;",
"}",
"",
"a {",
" 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 #16151D;",
" border-radius: 75px;",
" padding: 2em;",
"}",
"",
".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;",
"}"
].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);
}
}
})();