MediaWiki:Gadget-darkmode.css

The UESPWiki – Your source for The Elder Scrolls since 1995
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
:root {
	--dark1: #212121;
	--dark2: #2d2d2d;
	--dark3: #3a3a3a;
	--dark4: #424242;
	--dark5: #555;
	--light1: white;
	--light2: #ccc;
	--link1: #33a3e9;
	--link2: #2c90cc;
	--elink1: #ff7979;
	--elink2: #ffcd70;
}


table.wikitable {
    background-color: var(--dark3);
    z-index: 100;
    color: var(--light1);
    border: 1px solid var(--dark5);
}

table.wikitable > tbody > tr {
    background: var(--dark3);
    color: var(--light1);
    border: 1px solid var(--dark5);
}

table.wikitable > tbody > tr > td {
    background: inherit;
    border: 1px solid var(--dark5);
}

table.wikitable > tr > th,
table.wikitable > * > tr > th,
.mw-datatable the,
.wikEdConsoleTopWrapper,
table.wikitable > tr > th.mid,
table.wikitable > * > tr > th.mid,
tr.mid, td.mid {
    background: var(--dark2);
    color: var(--light1);
    border: 1px solid var(--dark5);
}

table.striped tr:nth-child(even),
.citation:target, .citation:target td {
    background-color: #4a4a4a;
}

.coloredlinks > a { 
    color: inherit !important;
}

.wikEdFrameBodySyntax {
    background: #525252;
}

.wikEdFrameInner { 
background: var(--dark4) !important;
 }


.idref {
color: #2a99ff;
}

table.wikitable > caption,
.mw-contributions-table,
#mw-htmlform-source,
#mw-htmlform-description,
.mw-input,
.mw-recentchanges-table,
.mw-changeslist,
.mw-enhanced-rc,
.mw-datatable,
.TablePager_nav,
.mw-label,
table.hiddentable th,
table.hiddentable td,
td.hiddentable,
.mw-newarticletext plainlinks,
#mw-diff-otitle3,
#mw-diff-ntitle3,
.diff-ntitle,
.diff-otitle,
.mw-diff-empty,
.mw-diff-edit,
.mw-diff-undo,
.mw-usertoollinks,
.diff-lineno,
.diff-marker,
.diff-multi,
#mw-prefixindex-nav-table,
table > caption,
th,
.selflink,
#mw-searchoptions > * > * > tr > td,
.namespaceoptions > form > fieldset > legend,
#contentSub,
table td dl,
.vtop > tbody > tr > * > p,
.citation,
div.vectorMenu h3 span,
div#mw-panel div.portal h3,
#mw-clearyourcache,
#mw-sitecsspreview,
#mw-sitejspreview,
#mw-usercsspreview,
#mw-userjspreview,
#siteSub,
p,
dl,
ol,
.rcoptions,
.mw-editinginterface,
.wpSummaryLabel,
.editOptions,
.mw-editTools,
.references,
.mw-specialpage-summary,
.fullImageLink,
.fileInfo,
.mw-imagepage-section-metadata,
#mw-history-search,
.mw-contributions-form,
.NavHead > div,
#genWhiteText,
.genWhiteText,
fieldset,
#mw-content-text,
.oo-ui-labelElement-label,
table.vtop td,
table.vtop th,
table.vtop tr,
td > b,
#esotbFormulaPopup > div,
table > tbody > tr > td,
.citation:target, .citation:target td,
.tocnumber {
    color: var(--light1);
}

#esotbFormulaBottomNote {
    color: #aaa !important;
}

.lgclass-neutral > * > * > *,
#skyrimBox > div, .skyrimBox > div {
    color: var(--light1) !important;
}

a, .mw-body a.extiw, .mw-body a.extiw:active, #p-cactions li a, #p-personal li a {
    color: #44a8f4;
}

a:visited, .mw-body a.extiw:visited {
    color: #0c78ca;
}

td.htmlform-tip {
    color: var(--light2);
}

.mw-datatable td {
    background-color: #525252;
    color: black;
    border: 1px solid #666;
}

body {
    background: #212121 url(https://images.uesp.net/2/20/UESP-rock-bg.jpg) 0 0 repeat;
}

div.pBody, div#content {
    background-color: var(--dark1);
    border: 1px solid var(--dark5);
}

#p-cactions ul li.selected a {
    background: var(--dark1);
}

table {
    background: var(--dark1);
    color: black;
}

#pagehistory li.selected {
    background-color: var(--dark2);
}


ul { 
    color: var(--light1);
    list-style-image: none;
}

table.diff, td.diff-otitle, td.diff-ntitle, img.thumbimage, .mw-notification-area {
    background: var(--dark3);
}

div.tleft, div.tright, div.tnone {
    border-color:  var(--dark1);
}

.toc, #toc, #catlinks, .example, table.mw_metadata th, table.mw_metadata td {
    background-color: var(--dark3);
    border: 1px solid var(--dark5);
    color: var(--light1);
}

.example {
    background-color: var(--dark3) !important;
    border: 1px solid var(--dark5) !important;
    color: var(--light1) !important;
}

code {
    background-color: #333333;
    color: var(--light1);
}

div.thumb div {
    background-color: var(--dark3);
}

li.gallerybox div div.thumb {
    background-color: var(--dark3);
}

table.mw_metadata th {
	background-color: var(--dark2);
}

table.mw_metadata td {
	background-color: var(--dark3);
}

div.NavPic {
    background-color: #ffffff;
    margin: 0px;
    padding: 2px;
    float: left;
}

div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    font-size: 100%;
    background-color: #efefef;
    position: relative;
}

div.breadcrumb p, table.breadcrumb p {
    background-color: var(--dark1);
}

div.quotebox {
    background-color: var(--dark2);
    border-left-color: grey;
}

div.mw-search-profile-tabs {
    background-color: var(--dark2);
}

table.example {
    background-color:#FCF3E0;
    border:1px solid #E3C499;
    padding:0.5em;
}

table.greylapse, table.graylapse {
    background: var(--dark3);
}

table.greylapse th, table.graylapse th {
    background: var(--dark2);
}

table.striped tr: nth-child(even) {
    background-color: #575757;
}

/* For use by Template: Note */
.citation: target, .citation: target td {
    background-color: #555EFF;
}

.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}

.navbox-inner, .navbox-subgroup {
    width: 100%;
}

.navbox th, .navbox-title, .navbox-abovebelow {
    text-align: center;       /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}

th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}

.navbox, .navbox-subgroup {
    background: #464646;      /* Background color */
    border-color: #666;
    color: var(--light1);
}

.navbox-list, .navbox-list > div {
    border-color: #464646;    /* Must match background color */
    color: var(--light1);
}

.navbox th, .navbox-title {
    background: var(--dark2)      /* Level 1 color */
}

.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title {
    background: var(--dark3)      /* Level 2 color */
}

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: var(--dark4)      /* Level 3 color */
}

.navbox-even {
    background: var(--dark5)      /* Even row striping */
}

.navbox-odd {
    background: transparent;  /* Odd row striping */
}

fieldset#mw-searchoptions {
    background-color: var(--dark3);
}

fieldset#mw-searchoptions table {
    background-color: var(--dark3);
}

.mw-search-formheader {
    background-color: var(--dark2);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: #4a4a4a !important;
}

.not-patrolled {
    background-color:#CCBB88;
}

/* CSS for styling and layout on Zenimax Interactive Map texts */
div.esomaptext {
   padding:15px 20px 10px 0;
   background:#EBE0C8;
   border-radius:5px;
}

hr.clearboth {
   background-color: #EBE0C8;
   border:1px solid #EBE0C8;
   clear:both;
}

#preftoc li {
    background-color: var(--dark3);
}

#preftoc li.selected {
    background-color: var(--dark2);
}

.editOptions {
    background-color: var(--dark2);
    border: 1px solid var(--dark5);
}

td.diff-deletedline {
    border-color: #a08f32;
    background-color: #C5AF39;
    color: var(--light1);
}

td.diff-addedline {
    border-color: #209e0c;
    background-color: #22B30B;
    color: var(--light1);
}
td.diff-addedline .diffchange {
    color: red;
    background-color: #63e853;
}

td.diff-deletedline .diffchange {
    color: red;
    background-color: #e8d468;
}

.diffchange {
    background-color: #FFCDF3;
}

td.diff-context {
    background-color: var(--dark1);
    border-color: var(--dark2);
    color: var(--light1);
}

ul.gallery.mw-gallery-nolines, ul.gallery.mw-gallery-packed {
    background-color: var(--dark3);
    border:1px solid lightgrey;
    padding:4px;
    display:inline-block;
}

ul.gallery.mw-gallery-packed {
    background-color: var(--dark3);
    border:1px solid var(--light2);
    display:inline-block;
    text-align:left;
}

div#footer {
    margin: 2em 0 1em 11em;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    padding: .3em;
    background-color: var(--dark3);
    border-color: #239ffa;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--light1);
    border-color: var(--dark5);
}

.mw-body {
    color: var(--light1);
    border: 1px solid var(--dark5)
}

div.mw-editTools td {
    background-color: var(--dark1);
    color: var(--light1);
}

div.thumbcaption {
    color: var(--light1);
}

div.thumb div {
    border: none;
}

html .thumbimage, div.markedimage {
    border: 1px solid var(--dark5);
}

.mw-body a.external {
    color: var(--elink1);
}

.mw-body a.external:visited {
    color: var(--elink2);
}

.hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul {
    color: var(--light1) !important;
}

table.EffectPos th, tr.EffectPos th, tr.EffectPos td, th.EffectPos, td.EffectPos {
    color: black !important;
    background-color: #88d488 !important;
}


table.EffectNeg th, tr.EffectNeg th, tr.EffectNeg td, th.EffectNeg, td.EffectNeg {
    color: black !important;
    background-color: #b34249 !important;
}
table.EffectMix th, tr.EffectMix th, tr.EffectMix td, th.EffectMix, td.EffectMix {
    color: black !important;
    background-color: #C6DBBF !important;
}

pre, .mw-code, div.noarticletext {
    background-color: var(--dark3);
    color: var(--light1);
    border: 1px solid var(--dark5);
}

pre span.o, pre span.c {
    color: tan !important;
}

pre span.nt, pre span.k, pre span.nb, pre span.kd, pre span.sx, pre span.nc, pre span.nf {
    color: #59d459 !important;
}

pre span.m {
    color: #6e6eff !important;
}

pre span.s1, pre span.s2 {
    color: #d82626 !important;
}

pre span.nd {
    color: #ec3cbe !important;
}


.suggestions, .suggestions-result, div.suggestions-special, .suggestions a.mw-searchSuggest-link, #searchInput, .suggestions-special .special-query, .mw-ui-input, .esotbStatTabSelected, .esotbAttrTitle, .oo-ui-menuSelectWidget {
    background-color: var(--dark4) !important;
    border-color: #888 !important;
    color: var(--light1) !important;
}

.esotbStatSectionTitle {
    background-color: var(--dark4) !important;
    border: 1px solid var(--light2) !important;
    color: var(--light1) !important;
}

.suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus, .esotbStatComputeButton, .esotbStatDetailsButton {
    background-color: var(--dark3);
}

#searchInput {
    top: 17px !important;
}

#searchBody {
    background-color: var(--dark4) !important;
    padding-bottom: 0.1em
}

#simpleSearch > #searchInput { 
    margin-top: 0.1em;
    margin-left: 0.1em;
}

#wpTextbox1,
#wpSummary,
#wpDestFile,
#wpUploadDescription,
#wpLicense,
#mw-bi-target,
#mw-input-wpExpiry,
#mw-input-wpExpiry-other,
#mw-input-wpReason,
#mw-input-wpReason-other,
#mw-input-wpTarget,
.oo-ui-textInputWidget.oo-ui-widget-enabled input,
.oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget .oo-ui-selectWidget,
#tagfilter.mw-tagfilter-input.mw-ui-input.mw-ui-input-inline,
#namespace,
#year,
#month,
input.mw-input,
.mw-input > input,
#mw-whatlinkshere-target,
#contexttitle,
#wpInput,
#mw-input-page,
#mw-log-user,
#mw-log-page,
select,
#from.mw-ui-input-inline,
#offset.mw-ui-input-inline,
#filename.mw-ui-input-inline,
#offset.mw-autocomplete-user,
#mime,
#editcount > table > tbody > tr > td > input,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    background-color: var(--dark4);
    color: var(--light1);
    border: 1px solid var(--dark5);
}

#p-cactions li.selected { 
    border-color: #239ffa;
}

div.vectorTabs li.selected {
    background-color: var(--dark1);
}

div.vectorMenu li {
    background-color: var(--dark3);
}

div.vectorTabs ul li, div#mw-head div.vectorMenu h3 {
    background-image: url(https://dev.uesp.net/w/images/a/aa/Wiki-Vector-Gradient-Dark.png);
    background-repeat: repeat;
    border-right: solid 1px #aaa;
}

#p-cactions li { 
    border: 1px solid var(--dark5);
    background: none;
}

#p-cactions ul li a {
    background: var(--dark1);
}

#p-logo a {
    background-image: url(//images.uesp.net/e/e3/UespLogoGreyscale.png);
    background-size: contain;
    background-repeat: no-repeat;
    height:165px;
    width:165px;
}

.mw-wiki-logo {
    background-image: none;
}

#uespMainLogo,
#uespNewsDiv,
#uespFADiv,
.noticeStandard,
#filetoc,
.mw-contributions-footer > table { 
    background-color: var(--dark3) !important;
    border: 1px solid var(--dark5) !important;
    color: var(--light1) !important;
}

.notice-default { 
    background-color: #23232A !important;
    border: 1px solid var(--dark5) !important;
    color: var(--light1) !important;
}

#lightRed {
    background-color: #440000 !important;
    border: 1px solid #121200 !important;
    color: var(--light1) !important;
}

#lightOrange {
    background-color: #302a00 !important;
    border: 1px solid #8f8f00 !important;
    color: var(--light1) !important;
}

.plainlinks.news, #footer-info > li {
    color:white !important;
}

.mw-changeslist-legend {
    border: 1px solid var(--dark5);
}

#mw-indicator-mw-helplink a {
    background-image: url(//upload.wikimedia.org/wikipedia/commons/2/28/Question_mark_white.png);
    background-size: contain;
}

form > table > tbody > tr {
    color: var(--light1);
}

a.new {
    color: #ad3c3c;
}

a.new:visited {
    color: #d66751;
}

li.gallerybox div.thumb {
    background: var(--dark3);
    border: 1px solid var(--dark5);
}

/* ESO Colors */

#esoAldmeriDominion, .esoAldmeriDominion { background: #6E632A !important; }
#esoAldmeriDominion2, .esoAldmeriDominion2 { background: #B8A646 !important; }
#esoAldmeriDominion3, .esoAldmeriDominion3 { background: #C5AF39 !important; }

#esoArtaeum, .esoArtaeum { background: #A14659 !important; }
#esoArtaeum2, .esoArtaeum2 { background: #C98492 !important; }
#esoArtaeum3, .esoArtaeum3 { background: #D34A65 !important; }

#esoBlackwood, .esoBlackwood { background: #7C8F56 !important; }
#esoBlackwood2, .esoBlackwood2 { background: #454F30 !important; }
#esoBlackwood3, .esoBlackwood3 { background: #678131 !important; }

#esoColdharbour, .esoColdharbour { background: #67556D !important; }
#esoColdharbour2, .esoColdharbour2 { background: #9B87A1 !important; }
#esoColdharbour3, .esoColdharbour3 { background: #6B4376 !important; }

#esoCraglorn, .esoCraglorn { background: #8D6747 !important; }
#esoCraglorn2, .esoCraglorn2 { background: #BD9A7D !important; }
#esoCraglorn3, .esoCraglorn3 { background: #A66E40 !important; }

#esoCyrodiil, .esoCyrodiil { background: #438D37 !important; }
#esoCyrodiil2, .esoCyrodiil2 { background: #73C466 !important; }
#esoCyrodiil3, .esoCyrodiil3 { background: #22B30B !important; }

#esoDaggerfallCovenant, .esoDaggerfallCovenant { background: #3A576A !important; }
#esoDaggerfallCovenant2, .esoDaggerfallCovenant2 { background: #628CA8 !important; }
#esoDaggerfallCovenant3, .esoDaggerfallCovenant3 { background: #0B62B3 !important; }

#esoDefault, .esoDefault { background: #2D2D2D !important; }
#esoDefault2, .esoDefault2 { background: #4A4A4A !important; }
#esoDefault3, .esoDefault3 { background: #101010 !important; }

#esoDisabled, .esoDisabled { background: #808080 !important; }
#esoDisabled2, .esoDisabled2 { background: #A0A0A0 !important; }
#esoDisabled3, .esoDisabled3 { background: #606060 !important; }

#esoEbonheartPact, .esoEbonheartPact { background: #923125 !important; }
#esoEbonheartPact2, .esoEbonheartPact2 { background: #D25A4B !important; }
#esoEbonheartPact3, .esoEbonheartPact3 { background: #B31C0B !important; }

#esoHighIsle, .esoHighIsle { background: #15BABC !important; }
#esoHighIsle2, .esoHighIsle2 { background: #009C9E !important; }
#esoHighIsle3, .esoHighIsle3 { background: #00CED1 !important; }

#esoImperialCity, .esoImperialCity { background: #438D37 !important; }
#esoImperialCity2, .esoImperialCity2 { background: #73C466 !important; }
#esoImperialCity3, .esoImperialCity3 { background: #22B30B !important; }

#esoNecrom, .esoNecrom { background: #5A9500 !important; }
#esoNecrom2, .esoNecrom2 { background: #4B6200 !important; }
#esoNecrom3, .esoNecrom3 { background: #79C800 !important; }

#esoNorthernElsweyr, .esoNorthernElsweyr { background: #5B3918 !important; }
#esoNorthernElsweyr2, .esoNorthernElsweyr2 { background: #AC6C2D !important; }
#esoNorthernElsweyr3, .esoNorthernElsweyr3 { background: #845222 !important; }

#esoVvardenfell, .esoVvardenfell { background: #89460D !important; }
#esoVvardenfell2, .esoVvardenfell2 { background: #E77515 !important; }
#esoVvardenfell3, .esoVvardenfell3 { background: #F26F10 !important; }

#esoWesternSkyrim, .esoWesternSkyrim { background: #4A7BAC !important; }
#esoWesternSkyrim2, .esoWesternSkyrim2 { background: #8EAECE !important; }
#esoWesternSkyrim3, .esoWesternSkyrim3 { background: #5E95CB !important; }

#chartgeneral, .chartgeneral {
    border-color: var(--light1) !important;
    color: var(--light1);
}

#chartbox, .chartbox {
    background-color: #313131;
    color: var(--light1);
}

#chartboxt, .chartboxt {
    background-color: var(--dark3) !important;
    color: var(--light1);
}

#chartbox a, .chartbox a {
    color: #0646ac;
}

#chartbox a:visited, .chartbox a:visited {
    color: #0750c5;
}

.mw-search-profile-tabs div.search-types ul li.current a {
    color: var(--light2);
}

.mw-plusminus-neg {
    color: #c30000;
}

.mw-plusminus-pos {
    color: #009e00;
}

.wikEdConsoleWrapper {
    background-color: var(--dark3) !important;
    color: var(--light1) !important;
    border: 1px solid var(--dark5) !important;
}

#notice {
    background-color: #969088;
}

.imageInvert {
    filter: invert(1);
}

#loApp {
    background-color: var(--dark1) !important;
    color: var(--light1) !important;
    border-color: var(--dark5) !important;
}

#loApp > * > tr > td, #genLightColor > td, #genLightColor, .genLightColor > td, .genLightColor, .errorbox {
    background-color: var(--dark3) !important;
    color: var(--light1) !important;
}

#genLightColor > hr, .genLightColor > hr {
    background-color: var(--dark3);
    border: 1px solid var(--dark3);
}

#loApp > * > tr > th, #genMidColor > td, #genMidColor, .genMidColor > td, .genMidColor {
    background-color: var(--dark2) !important;
    border-color: var(--light2) !important;
    color: var(--light1) !important;
}

#genMidColor > hr, .genMidColor > hr {
    background-color: var(--dark2);
    border: 1px solid var(--dark2);
}

.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-primary, #esotbFormulaPopup {
    background: var(--dark4);
}

#p-personal li > a:hover, #p-cactions li > a:hover {
    background-color: var(--dark3);
}

.mw-notification-content { 
    background: var(--dark3) !important;
    background-color: var(--dark3) !important;
}

table.jquery-tablesorter th.headerSortUp {
    background-image: url(http://images.uesp.net/thumb/a/a6/Sort_down_small_white.svg/8px-Sort_down_small_white.svg.png) !important;
    background-position: right 6px center;
}

table.jquery-tablesorter th.headerSortDown {
    background-image: url(http://images.uesp.net/thumb/7/72/Sort_up_small_white.svg/8px-Sort_up_small_white.svg.png) !important;
    background-position: right 6px center;
}

table.jquery-tablesorter th.headerSort {
    background-image: url(http://images.uesp.net/thumb/5/50/Sort_both_small_white.svg/8px-Sort_both_small_white.svg.png);
    background-position: right 6px center;
}

#skyrimBox, .skyrimBox { 
    outline:2px solid var(--dark3) !important;
    border:1px solid var(--dark3) !important;
    padding:2px; background: var(--dark3) !important;
}

#noticeWhite {
    background-color: #fff8ee5c !important;
}

#noticeGen, #not-forum-notice {
    background-color: #36363f !important;
}

#noticeWarn {
    background-color: #682f2f !important;
    color: var(--light1);
}

.mw-inputbox-centered {
    background-color: transparent !important;
}

/* Classes to allow magic school colors to all be defined in one central place without having to rely on templates
Only designed to work with tables: 
    - If used as a table class, all headers will be the associated background color
    - Or it can be used on individual rows or cells to override the background color in that part of the table
      Includes some fairly specific css tags in order to override other table color requests */
table.MWMagicAlt th, tr.MWMagicAlt th, tr.MWMagicAlt td, th.MWMagicAlt, td.MWMagicAlt {background-color: #646167 !important;}
table.MWMagicCon th, tr.MWMagicCon th, tr.MWMagicCon td, th.MWMagicCon, td.MWMagicCon {background-color: #61612D !important;}
table.MWMagicDes th, tr.MWMagicDes th, tr.MWMagicDes td, th.MWMagicDes, td.MWMagicDes {background-color: #5D0D0D !important;}
table.MWMagicIll th, tr.MWMagicIll th, tr.MWMagicIll td, th.MWMagicIll, td.MWMagicIll {background-color: #0F630F !important;}
table.MWMagicMys th, tr.MWMagicMys th, tr.MWMagicMys td, th.MWMagicMys, td.MWMagicMys {background-color: #630A63 !important;}
table.MWMagicRes th, tr.MWMagicRes th, tr.MWMagicRes td, th.MWMagicRes, td.MWMagicRes {background-color: #241A69 !important;}

table.OBMagicAlt th, tr.OBMagicAlt th, tr.OBMagicAlt td, th.OBMagicAlt, td.OBMagicAlt {background-color: #646167 !important;}
table.OBMagicCon th, tr.OBMagicCon th, tr.OBMagicCon td, th.OBMagicCon, td.OBMagicCon {background-color: #61612D !important;}
table.OBMagicDes th, tr.OBMagicDes th, tr.OBMagicDes td, th.OBMagicDes, td.OBMagicDes {background-color: #5D0D0D !important;}
table.OBMagicIll th, tr.OBMagicIll th, tr.OBMagicIll td, th.OBMagicIll, td.OBMagicIll {background-color: #0F630F !important;}
table.OBMagicMys th, tr.OBMagicMys th, tr.OBMagicMys td, th.OBMagicMys, td.OBMagicMys {background-color: #630A63 !important;}
table.OBMagicRes th, tr.OBMagicRes th, tr.OBMagicRes td, th.OBMagicRes, td.OBMagicRes {background-color: #241A69 !important;}

table.SRMagicAlt th, tr.SRMagicAlt th, tr.SRMagicAlt td, th.SRMagicAlt, td.SRMagicAlt {background-color: #B96222 !important;}
table.SRMagicCon th, tr.SRMagicCon th, tr.SRMagicCon td, th.SRMagicCon, td.SRMagicCon {background-color: #4F3060 !important;}
table.SRMagicDes th, tr.SRMagicDes th, tr.SRMagicDes td, th.SRMagicDes, td.SRMagicDes {background-color: #595252 !important;}
table.SRMagicIll th, tr.SRMagicIll th, tr.SRMagicIll td, th.SRMagicIll, td.SRMagicIll {background-color: #5A7711 !important;}
table.SRMagicRes th, tr.SRMagicRes th, tr.SRMagicRes td, th.SRMagicRes, td.SRMagicRes {background-color: #77680D !important;}

/* classes for race colors, set up same way as magic school colors.
    Note these definitions do not include creatures, because then it would just get way too long */
table.RaceAlt th, tr.RaceAlt th, tr.RaceAlt td, th.RaceAlt, td.RaceAlt {background-color: #dfbe00 !important; color: #000000 !important;}
table.RaceArg th, tr.RaceArg th, tr.RaceArg td, th.RaceArg, td.RaceArg {background-color: #86ac01 !important; color: #000000 !important;}
table.RaceBos th, tr.RaceBos th, tr.RaceBos td, th.RaceBos, td.RaceBos {background-color: #847000 !important; color: #FFFFFF !important;}
table.RaceBre th, tr.RaceBre th, tr.RaceBre td, th.RaceBre, td.RaceBre {background-color: #993365 !important; color: #FFFFFF !important;}
table.RaceDun th, tr.RaceDun th, tr.RaceDun td, th.RaceDun, td.RaceDun {background-color: #848484 !important; color: #FFFFFF !important;}
table.RaceDar th, tr.RaceDar th, tr.RaceDar td, th.RaceDar, td.RaceDar {background-color: #5f9ea0 !important; color: #FFFFFF !important;}
table.RaceDre th, tr.RaceDre th, tr.RaceDre td, th.RaceDre, td.RaceDre {background-color: #b22222 !important; color: #FFFFFF !important;}
table.RaceGol th, tr.RaceGol th, tr.RaceGol td, th.RaceGol, td.RaceGol {background-color: #ffdd00 !important; color: #000000 !important;}
table.RaceImp th, tr.RaceImp th, tr.RaceImp td, th.RaceImp, td.RaceImp {background-color: #0000ae !important; color: #FFFFFF !important;}
table.RaceKha th, tr.RaceKha th, tr.RaceKha td, th.RaceKha, td.RaceKha {background-color: #f39a00 !important; color: #000000 !important;}
table.RaceNor th, tr.RaceNor th, tr.RaceNor td, th.RaceNor, td.RaceNor {background-color: #00d8d8 !important; color: #000000 !important;}
table.RaceOrc th, tr.RaceOrc th, tr.RaceOrc td, th.RaceOrc, td.RaceOrc {background-color: #118500 !important; color: #FFFFFF !important;}
table.RaceRed th, tr.RaceRed th, tr.RaceRed td, th.RaceRed, td.RaceRed {background-color: #841a1a !important; color: #FFFFFF !important;}
table.RaceOther th, tr.RaceOther th, tr.RaceOther td, th.RaceOther, td.RaceOther {background-color: #000000 !important; color: #FFFFFF !important;}
table.RaceErr th, tr.RaceErr th, tr.RaceErr td, th.RaceErr, td.RaceErr {background-color: #bfbfbf !important; color: #000000 !important;}

/* Classes for other standardized themes */

table.attColor th, tr.attColor th, tr.attColor td, th.attColor, td.attColor {background-color: #c7d22b !important;}
table.lGreenColor th, tr.lGreenColor th, tr.lGreenColor td, th.lGreenColor, td.lGreenColor {background-color: #003a00 !important;}

/* Vector */

.mw-body a.external, div#mw-panel div.portal div.body ul li a, div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li a {
    color: var(--link1);
}

.mw-body a.external:visited, div#mw-panel div.portal div.body ul li a:visited {
    color: var(--link2);
}

/* ajaxRC support */

span#ajaxLoadProgress > img {
    padding: 18px 18px 0px 0px;
    background-image: url(//upload.wikimedia.org/wikipedia/commons/7/7f/Throbber_allbackgrounds_monochrome.gif);
    background-repeat: no-repeat;
    height: 2px;
    background-size: auto;
    width: 2px;
}

#firstHeading {
    line-height: 0.975em;
}

/* Dropdown menus support */

.ca-menu {
    background-color: var(--dark4) !important;
    color: var(--light1) !important;
    border: 1px solid var(--dark5) !important;
}

.ca-menu ul li a {
    color: #44a8f4 !important;
    text-decoration: none !important;
}

/* Wiki Editor Toolbar */

.wikiEditor-ui-toolbar {
    background-image: none !important;
    background-image: none !important;
    background-color: #4d4d4d;
}

.wikiEditor-ui-toolbar .sections .section,
.wikiEditor-ui-toolbar .booklet .pages {
    background-color: var(--dark3) !important;
}

.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: var(--dark4) !important;
    color: var(--light1) !important;
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.wikiEditor-ui-toolbar .group .label {
    color: var(--light2) !important;
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited,
.wikiEditor-ui-toolbar .booklet .index div {
    color: var(--link1) !important;
}

.wikiEditor-ui-toolbar .page-table td {
    color: var(--light1) !important;
}

/* Navpopup support */

ins.popupDiff { background: #B9FFB0; color: black; }

del.popupDiff { background: #FFF890; color: black; }

.selectionPreview { border: 2px solid #DDD; background-color: #EEF; }

.navpopup { border: solid #239ffa 1px; background-color: var(--dark4); color: var(--light1); }

.navpopup > * > * { color: var(--light1); }

.popupDrag { background-color: #239ffa; }

.popup_menu { background: var(--dark4); border:solid 1px grey; top: 0.05em; }

.popup_menu_row { border: solid 1px red; }

.popup_drop:hover .popup_menu, .popup_drop .popup_menu:hover, .popupPreview > * { background: var(--dark4); }

.popup_drop:hover { background: var(--dark3); color:#44f; }

.popup_menu a:hover { background: var(--dark3); color:#44f }

.popup_change_title_link { color: #152; }

.popup_history_row_even { background: var(--dark3); }

.popupPreview a.extiw, .popupPreview a.extiw:active { color: #36b; }

.popupPreview a.external { color: #36b; }
Retrieved from "https://en.uesp.net/w/index.php?title=MediaWiki:Gadget-darkmode.css&oldid=2822711"