LÖVE Wiki "Dark Mode" Stylus/Stylish theme

love-wiki-dark-mode.user.css

/* ==UserStyle==
@name         LÖVE Wiki "Dark Mode"
@version      1.2.0
@author       ReFreezed (https://github.com/ReFreezed)
@license      Public Domain
@namespace    refreezed/userstyles
@homepageURL  https://gist.github.com/ReFreezed/5fceee47916812a91f972df195d35b5c
@updateURL    https://gist.github.com/ReFreezed/5fceee47916812a91f972df195d35b5c/raw/love-wiki-dark-mode.user.css
==/UserStyle== */

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document
	url-prefix("https://love2d.org/wiki/")
	/* We don't support all pages under /w/ yet. */
	, url-prefix("https://love2d.org/w/index.php?title=Special:RecentChanges")
	, url-prefix("https://love2d.org/w/index.php?title=Special:WantedPages")
	, url-prefix("https://love2d.org/w/index.php?title=Special:WhatLinksHere")
	, regexp("https://love2d\.org/w/index\.php\?.*&action=history")
	, regexp("https://love2d\.org/w/index\.php\?.*&action=edit.*")
	, regexp("https://love2d\.org/w/index\.php\?.*&action=submit") /* Assume we came from action=edit. Where else would we come from? */
	, regexp("https://love2d\.org/w/index\.php\?.*&diff=.*")
{
	/* Dark colors. */
	:root {
		--darkBackdrop: #222;
		--darkBg: #333;
		--darkLines: #555;
		--darkText: #ccc;
		--darkTextAutocomment: #a1a6ab;
		--darkTextWarning: #ff6464;
		--darkHeadingText: #ddd;
		--darkBgAddedSemi: rgb(176,176,255,.25);
		--darkBgRemoved: #7b2626;
		--darkBgRemovedSemi: rgba(123,38,38,.25);
		--darkLink: #bbf;
		--darkLinkNew: #e99;
		--darkBoxBg: #3a3a3a;
		--darkBoxBorder: #444;
		--darkBoxMoreVisibleText: #ddd;
		--darkTableTh: #444;
		--darkHistoryAdded: #2a2;
		--darkHistoryRemoved: #ff4343;
		--darkHistoryLiBorder: #303030;
		--darkHistorySelectBg: #393939;
		--darkHistorySelectBorder: #666;
		--darkDiffAddedBorder: #7171ed;
		--darkDiffAddedBg: #494986;
		--darkDiffRemovedBorder: #8f8f00;
		--darkDiffRemovedBg: #545403;
		--darkBrightBg: #f8fcff; /* For half-transparent images that expect this background. */
	}
	#p-logo { filter: grayscale(100%) invert(100%) contrast(180%) brightness(110%); }
	body { background-color: var(--darkBackdrop); }
	#bodyContent { background-color: var(--darkBg); }
	#bodyContent p .image img { background-color: var(--darkBrightBg); }
	.pBody { background-color: var(--darkBg); }
	div, code { color: var(--darkText); }
	h1, h2, h3, h4, h5 { color: var(--darkHeadingText); border-color: var(--darkLines); }
	h1 { background-color: var(--darkBoxBg); }
	a:link, a:visited { color: var(--darkLink) !important; }
	a.new:link, a.new:visited { color: var(--darkLinkNew) !important; }
	code, pre, #p-cactions, #footer, #toc, .mw-geshi, .i18n, .catlinks, table[style*="background-color"] { background-color: var(--darkBoxBg) !important; border-color: var(--darkBoxBorder) !important; }
	pre, pre *, .mw-code { color: var(--darkBoxMoreVisibleText) !important; }
	table[bgcolor="#d0d0ff"] { background-color: #447; }
	table.removed-section, table.removed-new-section, table[bgcolor="gold"], table[bgcolor="#ffc7ac"] { background-color: var(--darkBgRemoved); border-color: rgb(255,255,255,.1); }
	.removed-new-feature { background-color: var(--darkBgRemoved) !important; color: inherit !important; }
	.removed-new-feature + div { border-color: var(--darkBgRemoved) !important; background-color: var(--darkBgRemovedSemi) !important; }
	.smwtable { background-color: #444 !important; }
	.smwtable td, .mw-datatable td { background-color: var(--darkBg) !important; }
	.wikitable { background-color: transparent !important; color: var(--darkText) !important; }
	.wikitable th, .wikitable td { border-color: var(--darkLines) !important; }
	.wikitable th, .mw-datatable th { background-color: var(--darkTableTh) !important; }
	.new-feature { background-color: var(--darkBgAddedSemi) !important; color: inherit !important; }
	.new-feature + div { border-color: rgb(176,176,255,.25) !important; background-color: rgb(176,176,255,.05); }
	.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { background-color: transparent; }
	.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { color: #666 !important; }
	.mw-plusminus-neg { color: var(--darkHistoryRemoved); }
	.mw-plusminus-pos { color: var(--darkHistoryAdded); }
	.autocomment { color: var(--darkTextAutocomment); }
	#pagehistory li { border-color: var(--darkHistoryLiBorder); }
	#pagehistory li.selected { border-color: var(--darkHistorySelectBorder); background-color: var(--darkHistorySelectBg); color: inherit; }
	.smw-editpage-help { background-color: var(--darkBoxBg); border-color: var(--darkBoxBorder); }
	.diff-context { background-color: var(--darkBoxBg); border-color: var(--darkBoxBorder); }
	.diff-addedline { border-color: var(--darkDiffAddedBorder); }
	.diff-addedline .diffchange { background-color: var(--darkDiffAddedBg); color: var(--darkBoxMoreVisibleText); }
	.diff-deletedline { border-color: var(--darkDiffRemovedBorder); }
	.diff-deletedline .diffchange { background-color: var(--darkDiffRemovedBg); color: var(--darkBoxMoreVisibleText); }
	.editOptions { background-color: var(--darkBoxBg); border-color: var(--darkBoxBorder); }
	.previewnote { color: var(--darkTextWarning); }
	.smw-factbox input.nav-tab:checked + label.nav-label { color: var(--darkText); background-color: var(--darkBoxBg);
		border-left-color: var(--darkBoxBorder); border-right-color: var(--darkBoxBorder); border-bottom-color: var(--darkBoxBg); }
	.smw-factbox section { border-color: var(--darkBoxBorder); }
	.smw-factbox .smwfact { background-color: var(--darkBoxBg); }
	.smwfact .smwfacttable { border-color: var(--darkLines); }
	.smwfact .smw-table-row:nth-child(2n+1) { background-color: var(--darkBg); }
	.smwfact .smw-table-row:nth-child(2n)   { background-color: var(--darkBoxBg); }
	#filetoc { background-color: var(--darkBoxBg); border-color: var(--darkBoxBorder); }

	/* Syntax highlighting. */
	.mw-highlight .k, .mw-highlight .kd, .mw-highlight .kr { color: #fff !important; } /* Keyword */
	.mw-highlight .ow { color: #eea !important; } /* Operator word */
	.mw-highlight .mo, .mw-highlight .mi, .mw-highlight .mf, .mw-highlight .kc { color: #6ff !important; } /* Numeral */
	.mw-highlight .s, .mw-highlight .s1, .mw-highlight .s2, .mw-highlight .se { color: #3dd !important; } /* String */
	.mw-highlight .c1, .mw-highlight .cm { color: #5c5 !important; } /* Comment */

	/*
		Extras!
	*/

	/* Limit paragraph widths. */
	p, dd { max-width: 600px; }

	/* Bugfix: The logo link is too wide. */
	#p-logo a, #p-logo a:hover { width: auto; }
}