Skip to content

Instantly share code, notes, and snippets.

@Reyuu

Reyuu/RPGMaker.net_Dark_Mode.user.js

Last active January 18, 2024 16:40
Show Gist options
  • Save Reyuu/0e65761aa290689fdb97cb7be9d7abe9 to your computer and use it in GitHub Desktop.
Save Reyuu/0e65761aa290689fdb97cb7be9d7abe9 to your computer and use it in GitHub Desktop.
Download ZIP
Adds dark mode to RPGMaker.net
Raw
RPGMaker.net_Dark_Mode.user.js
// ==UserScript==
// @name RPGMaker.net Dark Mode
// @namespace http://tampermonkey.net/
// @version 2024-01-18
// @description Add dark mode to this godforsaken website.
// @author Rey
// @match https://rpgmaker.net/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=rpgmaker.net
// @grant none
// @run-at document-body
// ==/UserScript==
/*
***************************
____ _ _
| \ ___ ___| |_ _____ ___ _| |___
| | | .'| _| '_| | | . | . | -_|
|____/|__,|_| |_,_| |_|_|_|___|___|___|
Author
Rey (Github: @Reyuu)
Description
Replaces the eyesore of a palette with darker, milder tones on rpgmaker.net website.
In some places also makes the website easier to read, by removing borders or rounding divs.
Matches syntax highlighting to Dark+ theme of VS Code (I did what I could to match the color scheme).
Installation
Add this file to your userscript addon of choice (Tampermonkey, Violentmonkey, Greasemonkey). Enable it.
Configuration
Change configuration variables below.
***************************
*/
(function () {
'use strict';
//Configuration variables, set true or false.
const ENABLE_LIGATURES = false; //setting to false, due to fact not all people like ligatures
var sheet = document.createElement('style')
sheet.innerHTML = `
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@500');
img[src*="/makerscore.png"],
img[src*="/media/images/layout/logo_black.png"] {
filter: invert(1);
}
#header > a[href*="https://www.facebook.com/pages/rpgmakernet/228035157212053?sk=wall"],
#header > a[href*="https://www.youtube.com/user/RPGMakerNetwork"],
#header > a[href*="https://steamcommunity.com/groups/rpgmakernetwork"],
#header > a[href*="https://soundcloud.com/rpgmakernet"],
#header > a[href*="https://rpgmakernetwork.tumblr.com"],
#header > a[href*="https://twitter.com/#!/rpgmaker"],
#bar_navigation,
#tess_large {
display: none; /* I take cleanup very seriously */
}
#header > h7 {
color: #FF9600;
}
div.hidden_block div.hidden_content {
background: rgba(255, 255, 255, 0.05);
margin: 1em 0 0;
display: none;
padding: 10px;
border-radius: 5px;
}
pre {
font-family: 'Fira Code', monospace;
${ENABLE_LIGATURES ? "": "font-variant-ligatures: none;"}
line-height: 1.4em;
}
#main_column,
#main_column_frontpage {
background: #1A1A1A !important;
color: #ccc !important;
}
#main_column>h1 {
background: #1A1A1A !important;
color: #ccc !important;
font-weight: bold;
}
div.frame {
font-size: 1em !important;
background: #1A1A1A !important;
color: #ccc !important;
}
div.message div.contents {
border-left: 2px solid rgba(0,0,0,0.1);
margin-top: -6px;
margin-bottom: -6px;
margin-left: 160px;
padding: 2px 0;
padding-top: 2px;
padding-left: 2px;
}
div.frame h3,
.frontpage_news_sub_header a,
.frontpage_showcase_sub_header a,
.writing_sub_header a {
color: #ccc !important;
}
#body,
#header {
background: none !important;
}
#frame {
border-radius: 5px;
}
.buttons a {
background: #6A6A6A !important;
background-color: #6A6A6A !important;
border-radius: 3px;
margin-top: 10px;
border: 1px solid #6A6A6A;
color: #d4d4d4 !important;
}
div.code {
background: #1E1E1E !important;
color: #d4d4d4;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border-radius: 5px;
}
.odd,
.odd>td,
.frontpage_game_focus,
.frontpage_gameheader_focus,
.frontpage_gameheader_hide {
background: #2D2D2D !important;
border-left: none !important;
border-right: none !important;
border-bottom: none !important;
border-top: none !important;
}
.even,
.even>td {
background: #1A1A1A !important;
border-left: none !important;
border-right: none !important;
border-bottom: none !important;
border-top: none !important;
}
.frontpage_gameheader_focus a,
.frontpage_gameheader_hide a {
color: #D33 !important;
}
div.makerscore {
color: #ccc !important;
}
.code .c {
color: #6A9955;
font-style: italic;
}
/* Comment */
.code .err {
border: 1px solid #FF0000;
}
/* Error */
.code .k {
color: #569cd6;
font-weight: normal;
}
/* Keyword */
.code .o {
color: #d4d4d4;
}
/* Operator */
.code .cm {
color: #6A9955;
font-style: italic;
}
/* Comment.Multiline */
.code .cp {
color: #6A9955;
}
/* Comment.Preproc */
.code .c1 {
color: #6A9955;
font-style: italic;
}
/* Comment.Single */
.code .cs {
color: #6A9955;
font-weight: bold;
}
/* Comment.Special */
.code .gd {
color: #ce9178;
}
/* Generic.Deleted */
.code .ge {
font-style: italic;
}
/* Generic.Emph */
.code .gr {
color: #f44747;
}
/* Generic.Error */
.code .gh {
color: #569cd6;
font-weight: bold;
}
/* Generic.Heading */
.code .gi {
color: #b5cea8;
}
/* Generic.Inserted */
.code .go {
color: #808080;
}
/* Generic.Output */
.code .gp {
color: #C8C8C8;
font-weight: bold;
}
/* Generic.Prompt */
.code .gs {
font-weight: bold;
}
/* Generic.Strong */
.code .gu {
color: #569cd6;
font-weight: bold;
}
/* Generic.Subheading */
.code .gt {
color: #ce9178;
}
/* Generic.Traceback */
.code .kc {
color: #4FC1FF;
font-weight: normal;
}
/* Keyword.Constant */
.code .kd {
color: #4EC9B0;
font-weight: normal;
}
/* Keyword.Declaration */
.code .kp {
color: #d7ba7d;
}
/* Keyword.Pseudo */
.code .kr {
color: #d7ba7d;
font-weight: bold;
}
/* Keyword.Reserved */
.code .kt {
color: #569cd6;
font-weight: bold;
}
/* Keyword.Type */
.code .m {
color: #b5cea8;
}
/* Literal.Number */
.code .s {
color: #ce9178;
}
/* Literal.String */
.code .na {
color: #9cdcfe;
}
/* Name.Attribute */
.code .nb {
color: #569cd6;
}
/* Name.Builtin */
.code .nc {
color: #4EC9B0;
}
/* Name.Class */
.code .no {
color: #569cd6;
}
/* Name.Constant */
.code .nd {
color: #4FC1FF;
}
/* Name.Decorator */
.code .ni {
color: #569cd6;
font-weight: bold;
}
/* Name.Entity */
.code .ne {
color: #569cd6;
font-weight: bold;
}
/* Name.Exception */
.code .nf {
color: #DCDCAA;
}
/* Name.Function */
.code .nl {
color: #C8C8C8;
}
/* Name.Label */
.code .nn {
color: #4EC9B0;
font-weight: bold;
}
/* Name.Namespace */
.code .nt {
color: #569cd6;
font-weight: bold;
}
/* Name.Tag */
.code .nv {
color: #9CDCFE;
}
/* Name.Variable */
.code .ow {
/* oww, ouchie */
color: #4EC9B0;
font-weight: normal;
}
/* Operator.Word */
.code .mf {
color: #C8C8C8;
}
/* Literal.Number.Float */
.code .mh {
color: #b5cea8;
}
/* Literal.Number.Hex */
.code .mi {
color: #b5cea8;
}
/* Literal.Number.Integer */
.code .mo {
color: #b5cea8;
}
/* Literal.Number.Oct */
.code .sb {
color: #b5cea8;
}
/* Literal.String.Backtick */
.code .sc {
color: #ce9178;
}
/* Literal.String.Char */
.code .sd {
color: #ce9178;
font-style: italic
}
/* Literal.String.Doc */
.code .s2 {
color: #ce9178;
}
/* Literal.String.Double */
.code .se {
color: #d7ba7d;
font-weight: bold;
}
/* Literal.String.Escape */
.code .sh {
color: #ce9178;
}
/* Literal.String.Heredoc */
.code .si {
color: #569cd6;
font-weight: normal;
}
/* Literal.String.Interpol */
.code .sx {
color: #DCDCAA;
}
/* Literal.String.Other */
.code .sr {
color: #ce9178;
}
/* Literal.String.Regex */
.code .s1 {
color: #ce9178;
}
/* Literal.String.Single */
.code .ss {
color: #ce9178;
}
/* Literal.String.Symbol */
.code .bp {
color: #d7ba7d;
}
/* Name.Builtin.Pseudo */
.code .vc {
color: #D4D4D4;
}
/* Name.Variable.Class */
.code .vg {
color: #569cd6;
}
/* Name.Variable.Global */
.code .vi {
color: #B8860B;
}
/* Name.Variable.Instance */
.code .il {
color: #b5cea8;
}
`;
document.body.appendChild(sheet);
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment