Custom Themes, premade themes and more
// ==UserScript== // @name GreasyFork Beautify Mod! *Deprecated* // @namespace GreasyFork Beautify Mod! *Deprecated* // @version 2 // @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== /* Theme Menu */ $('body').prepend('<div class="container"> <div class="theme-menu"> <div class="name"><a href="#">Theme</a></div> <div class="close-menu"><a href="#">X</a></div> <div id="theme-list"> <div class="item defaultthemebutton"><a href="#">Default</a></div> <div class="item orangethemebutton"><a href="#">Oranganic Fruits</a></div> <div class="item bluethemebutton"><a href="#">Blue My Mind</a></div> <div class="item tealthemebutton"><a href="#">Teal I Die</a></div> <div class="item greythemebutton"><a href="#">Greyvy</a></div> <div class="item cyanthemebutton"> <a href="#">Cyantific Facts</a></div><div class="item brownthemebutton"> <a href="#">Brownie Goods</a></div> </div> </div></div>'); $(".name").click(function () { $(".theme-menu").addClass("expanded"); $("#theme-list").addClass("visible"); $(".close-menu").addClass("visible"); $(".name").removeClass("move-down").addClass("move-up"); }); $(".close-menu").click(function () { $(".theme-menu").removeClass("expanded"); $("#theme-list").removeClass("visible"); $(".close-menu").removeClass("visible"); $(".name").removeClass("move-up").addClass("move-down"); }); /* End of Theme Menu */ /* Main Design */ (function() {var maincss = [ "* {", " transition: background 1s;", "}", ".theme-menu {", " font-family: Tahoma, Verdana, Segoe, sans-serif;", " display: block;", " border: none;", " outline: none;", " margin: auto;", " margin-top: 100px;", " background-color: var(--title-or-link-text-primary-colour-hover);", " color: var(--title-or-link-text-secondary-colour);", " width: 80px;", " height: 50px;", " border-radius: 50px;", " font-size: 14px;", " letter-spacing: 1px;", " text-align: center;", " padding-top: 2px;", " transition: all 0.5s ease-in-out;", " box-sizing: border-box;", " position: absolute;", " top: 75px;", " right: 80px;", "}", "", ".theme-menu:hover {", " box-shadow: 0 5px 10px rgba(0, 0, 0, 29.8);", "}", "", ".theme-menu.expanded {", " width: 200px;", " height: auto;", " background-color: var(--title-or-link-text-primary-colour-hover);", " color: var(--quaternary-background);", " font-size: 15px;", " letter-spacing: 3px;", " border-radius: 25px;", " right: 25px;", "}", "", ".theme-menu #theme-list {", " display: none;", " opacity: 0;", " transition: all 0.6s ease-in;", "}", "", "#theme-list.visible {", " position: relative;", " bottom: 20px;", " display: block;", " opacity: 1;", "}", "", "#theme-list .item {", " width: 170px;", " height: 30px;", " margin: auto;", " padding-top: 8px;", " margin-bottom: 10px;", "}", "", ".item:after {", " display:block;", " content: '';", " padding-bottom: 3px;", " border-bottom: solid 3px var(--secondary-background);", " transform: scaleX(0);", " transition: 0.3s;", "}", "", ".item:hover:after {", " transform: scaleX(1);", "}", "", ".theme-menu .name {", " position: relative;", " display: block;", " width: 100%;", " height: 20px;", " margin: 15px auto;", " box-sizing: border-box;", "}", "", ".name.move-up {", " top: 0;", " animation: moveup 0.6s ease-in-out;", " animation-fill-mode: forwards;", "}", "", "@keyframes moveup {", " from {", " top: 0;", " }", " to {", " top: -40px;", " }", "}", "", ".name.move-down {", " top: -40px;", " animation: movedown 0.6s ease-in-out;", " animation-fill-mode: forwards;", "}", "", "@keyframes movedown {", " from {", " top: -40px;", " }", " to {", " top: 0px;", " }", "}", "", ".theme-menu .close-menu {", " position: relative;", " margin: 5px;", " display: none;", " opacity: 0;", " animation: move 0.6s ease-out;", " animation-fill-mode: forwards;", "}", "", ".close-menu.visible {", " position: relative;", " bottom: 30px;", " display: block;", " opacity: 1;", "}", "", "@keyframes move {", " from {", " top: 0;", " }", " to {", " top: -40px;", " }", "}", "", "a {", " text-decoration: none !important;", " font-size: inherit;", " color: inherit;", "}", "", "a:link {", " color: inherit;", " text-decoration: none !important;", " text-align: center;", "}", "", "a:visited {", " color: inherit;", " text-decoration: none !important;", "}", "", "a:hover {", " color: inherit;", " text-decoration: none !important;", "}", "", "a:active {", " color: inherit;", " text-decoration: none !important;", "}", "", "body:not(.Settings) #Head, ", "body:not(.Settings) {", " background: var(--primary-background);", "}", " ", "#Body {", " margin: 50px 150px;", " margin-left: 75px;", " width: 75%;", "}", " ", "#Content {", " margin: 0!important;", "}", " ", ".width-constraint {", " margin: auto;", " max-width: none;", "}", " ", ".sidebarred {", " display: flex;", " width: 75%;", " margin-left: 50px;", "}", " ", ".sidebarred-main-content > p {", " text-align: center;", "}", " ", ".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: 50px;", " box-sizing: border-box;", " margin: 25px 250px 14px 75px;", " color: var(--primary-text-colour);", " padding: 5px 50px;", "}", " ", "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;", "}", " ", "#site-name {", " margin: 10px 50px;", "}", " ", "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-r###lts {", " 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;", " border: none;", " color: var(--primary-background);", " 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(--senary-text-colour)!important;", " font-weight: 100;", " 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;", "}", "", ".Count {", " background-color: var(--primary-background);", "}", " ", "form.new_user input[type='text'], form.new_user input[type='email'], form.new_user input[type='password'] {", " background-color: var(--quaternary-text-colour)!important;", " border: none!important;", "}", " ", "textarea#Form_Body {", " background-color: var(--quinary-text-colour);", "}" ].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).text(maincss); var heads = document.getElementsByTagName("head"); if (heads.length > 0) { heads[0].appendChild(node); } else { // no head yet, stick it whereever document.documentElement.appendChild(node); } } })(); /* End of Main Design */ /* Default Theme */ (function() {var defaultcss = [ ":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: #333333;", " --senary-text-colour: #ffffff;", " ", " --title-or-link-text-primary-colour: #694BA1;", " --title-or-link-text-secondary-colour: #B793F9;", " --title-or-link-text-primary-colour-hover: #493372;", "}" ].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).attr("class", "theme"); $(node).text(defaultcss); var heads = document.getElementsByTagName("head"); if (heads.length > 0) { $('head').append(node); } else { $('body').append(node); } $('.defaultthemebutton').click(function() { $('.theme').text(defaultcss); }); } })(); /* End of the Default Theme */ /* Orange Theme */ (function() {var orangecss = [ ":root {", " --primary-background: #1e1b15;", " --secondary-background: #27231c;", " --tertiary-background: #14130f;", " --quaternary-background: #ffaa00;", " ", " --primary-text-colour: #888888;", " --secondary-text-colour: #BBBBBB;", " --tertiary-text-colour: #EEEEEE;", " --quaternary-text-colour: #999999;", " --quinary-text-colour: #333333;", " --senary-text-colour: #ffffff;", " ", " --title-or-link-text-primary-colour: #ffb318;", " --title-or-link-text-secondary-colour: #ffcc66;", " --title-or-link-text-primary-colour-hover: #c16315;", "}" ].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 { $('.orangethemebutton').click(function() { $('.theme').text(orangecss); }); } })(); /* End of the Orange Theme */ /* Brown Theme */ (function() {var browncss = [ ":root {", " --primary-background: #1e1b15;", " --secondary-background: #27231c;", " --tertiary-background: #14130f;", " --quaternary-background: #a8894d;", " ", " --primary-text-colour: #888888;", " --secondary-text-colour: #BBBBBB;", " --tertiary-text-colour: #EEEEEE;", " --quaternary-text-colour: #999999;", " --quinary-text-colour: #333333;", " --senary-text-colour: #ffffff;", " ", " --title-or-link-text-primary-colour: #a0834b;", " --title-or-link-text-secondary-colour: #f9d895;", " --title-or-link-text-primary-colour-hover: #483a20;", "}" ].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 { $('.brownthemebutton').click(function() { $('.theme').text(browncss); }); } })(); /* End of the Brown Theme */ /* Blue Theme */ (function() {var bluecss = [ ":root {", " --primary-background: #16151D;", " --secondary-background: #1D1B26;", " --tertiary-background: #0F0F14;", " --quaternary-background: #4c53a7;", " ", " --primary-text-colour: #888888;", " --secondary-text-colour: #BBBBBB;", " --tertiary-text-colour: #EEEEEE;", " --quaternary-text-colour: #999999;", " --quinary-text-colour: #333333;", " --senary-text-colour: #ffffff;", " ", " --title-or-link-text-primary-colour: #4b4da1;", " --title-or-link-text-secondary-colour: #9f93f9;", " --title-or-link-text-primary-colour-hover: #333f72;", "}" ].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 { $('.bluethemebutton').click(function() { $('.theme').text(bluecss); }); } })(); /* End of the Blue Theme */ /* Teal Theme */ (function() {var tealcss = [ ":root {", " --primary-background: #16151D;", " --secondary-background: #1D1B26;", " --tertiary-background: #0F0F14;", " --quaternary-background: #4da891;", " ", " --primary-text-colour: #888888;", " --secondary-text-colour: #BBBBBB;", " --tertiary-text-colour: #EEEEEE;", " --quaternary-text-colour: #999999;", " --quinary-text-colour: #333333;", " --senary-text-colour: #ffffff;", " ", " --title-or-link-text-primary-colour: #4ba090;", " --title-or-link-text-secondary-colour: #95f9e3;", " --title-or-link-text-primary-colour-hover: #234d46;", "}" ].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 { $('.tealthemebutton').click(function() { $('.theme').text(tealcss); }); } })(); /* End of the Teal Theme */ /* Grey Theme */ (function() {var greycss = [ ":root {", " --primary-background: #16151D;", " --secondary-background: #1D1B26;", " --tertiary-background: #0F0F14;", " --quaternary-background: #a2a2a2;", " ", " --primary-text-colour: #888888;", " --secondary-text-colour: #BBBBBB;", " --tertiary-text-colour: #EEEEEE;", " --quaternary-text-colour: #999999;", " --quinary-text-colour: #333333;", " --senary-text-colour: #ffffff;", " ", " --title-or-link-text-primary-colour: #949494;", " --title-or-link-text-secondary-colour: #f3f3f3;", " --title-or-link-text-primary-colour-hover: #4c4c4c;", "}" ].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 { $('.greythemebutton').click(function() { $('.theme').text(greycss); }); } })(); /* End of the Grey Theme */ /* Cyan Theme */ (function() {var cyancss = [ ":root {", " --primary-background: #16151D;", " --secondary-background: #1D1B26;", " --tertiary-background: #0F0F14;", " --quaternary-background: #449396;", " ", " --primary-text-colour: #888888;", " --secondary-text-colour: #BBBBBB;", " --tertiary-text-colour: #EEEEEE;", " --quaternary-text-colour: #999999;", " --quinary-text-colour: #333333;", " --senary-text-colour: #ffffff;", " ", " --title-or-link-text-primary-colour: #41b5bb;", " --title-or-link-text-secondary-colour: #93f0f9;", " --title-or-link-text-primary-colour-hover: #007b71;", "}" ].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 { $('.cyanthemebutton').click(function() { $('.theme').text(cyancss); }); } })(); /* End of the Cyan Theme */