User:Actual-nh/darkvector.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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* Most copied from https://nethackwiki.com/wiki/MediaWiki:Darkvector.css */

/********* Non-color things carried over from Vector.css *********/

/* For positioning icons at top-right, taken from http://en.wikipedia.org/w/index.php?title=MediaWiki:Vector.css&oldid=395960704 */
div.topicon {
  position: absolute;
  top: -2em;
  margin-right: -10px;
  display: block !important;
}

/********* Recolorings of elements that are light colored by default *********/
 
/**** Large divs that appear in normal document flow ****/

.toc, .mw-warning, .toccolours {
  background-color: #242424;
  border-color: #7e7e7e;
}

/**** Right-aligned page elements outside normal document flow ****/

.languages {
  background-color: #282828;
}

.sidebox {
  border-color:black;
  background-color:#494949;
}

/**** Tables ****/

table.wikitable th, table.prettytable th {
  background-color: #494949;
}

table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td {
  border-color: #666;
}

table.wikitable, table.prettytable {
  background-color: #404040;
}

/**** Large centered colored divs ****/

.todo {
  background-color: #403440;
  border-color: #5d385d;
}

.upcoming {
  background-color: #803d11;
  border-color: #aa4f13;
}

.previewnote-inner-msg {
  background-color: #590404;
  border-color: #ae2b2b;
  color: #d9d9d9;
}

/**** Editor diffs ("Show changes" page) ****/

.diff-deletedline .diffchange {
  background-color: #825913;
  color: inherit;
}

.diff-addedline .diffchange {
  background-color: #23588a;
  color:inherit;
}

/**** Search results ****/

.mw-search-results li:hover {
  background-color: #515151;
}

/**** Forum ****/
.forumlist tr:nth-child(2n) td {
  background-color: #4c4c4c;
}

.forumlist tr:hover td,
.forumlist tr:nth-child(2n):hover td {
  background-color: #606060;
}

#forum-new-topic {
  background-color: #3c3c3c;
}

/**** Miscellaneous ****/

.kbdsym {
  background-color: #444;
  border-color: #888; /* note that the border style is "outset" so the right/bottom borders are darker than this */
}

.mw-ui-input { /* e.g. Forum "add new topic" text input element, but also generally any one-line text input */
  background-color: #4c4c4c; /* same as darkvector search bar */
  border-color: #606060;
  box-shadow: none; /* can't override just the color */
}

.usermessage { /* "You have a new message from another user" div */
  background-color: #535353;
  border-color: #5e5e5e;
  color: #bdbdbd;
}