Difference between revisions of "User:Certified nqh/epicdarkmode.css"

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
Line 2: Line 2:
  
 
/* Sets everything to dark background. */
 
/* Sets everything to dark background. */
:not(a, .mw-wiki-logo) {background-color: #040302 !important; color: #DDD !important;}
+
body * {background-color: #111 !important; color: #DDD !important;}
 +
div.mw-body, div.mw-body * {background-color: #222 !important;}
 +
 
 +
/* Vector */
 +
 
 +
.mw-wiki-logo {background-color: #00000000 !important; filter: invert(100%);}
 +
 
 +
/* Monobook */
 +
 
 +
div#column-one > div#p-cactions > div.pBody > ul > li > a {background-color: #222 !important;}
 +
 
 +
/* Modern */
 +
 
 +
div#mw_header, div#mw_header h1#firstHeading {background-color: #000 !important;}
 +
div#mw_content {background-color: #222 !important;}
 +
 
 +
/* Cologne blue */
  
 
/* Diff. */
 
/* Diff. */
Line 23: Line 39:
 
a:hover:not([href$="redlink=1"]) {color: #AAF !important; text-decoration: underline !important; font-weight: bold !important;}
 
a:hover:not([href$="redlink=1"]) {color: #AAF !important; text-decoration: underline !important; font-weight: bold !important;}
 
a:active:not([href$="redlink=1"]) {color: #FFF !important; text-decoration: underline !important; font-weight: bold !important;}
 
a:active:not([href$="redlink=1"]) {color: #FFF !important; text-decoration: underline !important; font-weight: bold !important;}
 
/* Misc. */
 
.mw-wiki-logo {background-color: white !important; filter: invert(100%);}
 

Revision as of 20:21, 23 October 2023

/* NQH's totally cool and amazingly radical dark mode */

/* Sets everything to dark background. */
body * {background-color: #111 !important; color: #DDD !important;}
div.mw-body, div.mw-body * {background-color: #222 !important;}

/* Vector */

.mw-wiki-logo {background-color: #00000000 !important; filter: invert(100%);}

/* Monobook */

div#column-one > div#p-cactions > div.pBody > ul > li > a {background-color: #222 !important;}

/* Modern */

div#mw_header, div#mw_header h1#firstHeading {background-color: #000 !important;}
div#mw_content {background-color: #222 !important;}

/* Cologne blue */

/* Diff. */
td.diff-context, td.diff-context * {color: #777 !important; border-color: #333 !important;}
td.diff-deletedline {border-color: #F33 !important;}
td.diff-addedline {border-color: #3F3 !important;}
del.diffchange-inline {color: #F55 !important;}
ins.diffchange-inline {color: #5F5 !important;}

/* Numbers in history view. */
span.mw-plusminus-pos {color: #5F5 !important;}
span.mw-plusminus-neg {color: #F55 !important;}
strong.mw-plusminus-pos {color: #0F0 !important; font-size: 1.2em;}
strong.mw-plusminus-pos {color: #0F0 !important; font-size: 1.2em;}

/* Links. */
a[href$="redlink=1"] {color: #F00 !important; text-decoration: line-through !important;}
a:not([href$="redlink=1"]) {color: #88F !important;}
a:visited:not([href$="redlink=1"]) {color: #AAF !important;}
a:hover:not([href$="redlink=1"]) {color: #AAF !important; text-decoration: underline !important; font-weight: bold !important;}
a:active:not([href$="redlink=1"]) {color: #FFF !important; text-decoration: underline !important; font-weight: bold !important;}