User:Kirros/vector.css

Note: After publishing, 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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/**
CSS For Dark Mode

Darker
  ^
  |
  v 
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
  background-color: #17181B;
  background-image: url(https://i.imgur.com/5f0Tw5y.png);
}

body, h1, h2, h3, h4, h5, h6 {
  color: #fff;
}

a {
 color: #985EFF;
}

a:visited {
 color: #6200EE;
}

.mw-body, #mw-head-base {
 border-color: #000;
}

.mw-body, .mw-panel {
  background-color: #17181B;
  color: #ffffff;
}

#mw-head-base {
  background-color: #2E3134;
}

#mw-page-base {
    background-color: #202124;
}

#p-personal a, div#mw-panel ul.vector-menu-content-list > li > a {
    color: #fff;
}

div#mw-head .vector-menu-tabs li a {
  color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
    background-color: #3C4043;
}

#searchInput {
  background-color: #3C4043;
  color: #F1F3F4;
  border: 1px solid #000;
  border-radius: 0px;
}

table {
  border: 1px solid #000;
}

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
  background-color: #2E3134;
}

.table > tbody > tr:nth-child(odd) {
    background-color: #2E3134;
    border-color: #aaa;
}

.toc, .toccolours {
 border: 1px solid #111;
 background-color: #0E1013;
}

.tocnumber {
  color: #7c7c7c;
}

div.thumbinner {
  border: 1px solid #000;
  background-color: #0E1013;
}

div.nav.mech1 .heading {
    background-color: #222;
}

div.nav .box table {
  background-color: #0E1013;
}

div.infobox-n .heading, div.nav .heading {
  margin: -1px -1px 5px !important;
}

div.nav .box table {
  margin: 0;
}

.catlinks {
    border: 1px solid #000;
    background-color: #0E1013;
}

div.infobox-n .heading, div.nav .heading {
 border: 1px solid #000;
}

div.nav .box {
  background: #0E1013;
}

div.nav.location .heading {
    background-color: rgb(35 3 106 / 20%);
}

div.infobox-n {
  border: 1px solid #000;
  background-color: #0E1013;
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
  background-color: #2E3134;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
  background-color: #000 !important;
  border-color: #000 !important;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
  background-color: #2E3134;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
  background-color: #2E3134;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
  background-color: #2E3134 !important;
}

#footer-info li {
  color: rgb(255 255 255 / 30%);
}

footer.mw-footer ul#footer-places > li > a {
  color: #fff;
}

.vector-menu-dropdown .vector-menu-content {
  background-color: #2E3134;
}

.vector-menu-dropdown li a {
  color: #6200EE;
}

#mainpagenavigation td, div.recipe-box {
  border-color: #000;
  background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#0E1013 100%);
  background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#0E1013 100%);
  background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#0E1013 100%);
  background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#0E1013 100%);
  -webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#0E1013));
}


.table > tbody > tr > th, .table > tfoot > tr > th {
  background-color: #17181B;
  border-color: #000;
}

.infobox-n .statistics.item, .infobox-n .statistics.weapon {
  background-color: #2E3134;
  border-top-color: #000;
  border-bottom-color: #000;
}

.weapon-damage-stats td, .armor-defense-stats td {
  background-color: #17181B;
}

.weapon-damage-stats td:nth-child(3), .armor-defense-stats td:nth-child(2) {
  background-image: linear-gradient(to right,#17181B,#2E3134);
}

div.recipe-box .subheading, div.recipe-box .heading {
  border: 1px solid #000;
  background-color: #000;
}