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

/* All CSS here will be loaded for users of the Vector skin */
/* Suppress red links for Vector skin */
a.new, a.new:visited {
    color: inherit !important;
    pointer-events: none !important;
    text-decoration: none !important;
}

/* ===================== */
/* LisaFire — Dark Mode  */
/* ===================== */

body {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

#content, .mw-body, .mw-parser-output {
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
}

a, a:visited {
  color: #66ccff !important;
}

h1, h2, h3, h4, h5, .mw-headline {
  color: #ffffff !important;
  border-color: #333 !important;
}

#mw-panel, #p-personal, #footer, .vector-menu-content {
  background-color: #1a1a1a !important;
  color: #ccc !important;
}

textarea, input, select {
  background-color: #222 !important;
  color: #eee !important;
  border: 1px solid #444 !important;
}

.mw-wiki-logo {
  filter: brightness(0.9) contrast(1.2);
}

/* Darken header bar and tabs */
#mw-page-base, #mw-head-base, #mw-header, #mw-panel {
  background-color: #1a1a1a !important;
}

#p-personal ul li a,
#left-navigation a,
#right-navigation a,
#mw-head a {
  color: #cccccc !important;
  background-color: transparent !important;
}

#p-personal ul li a:hover,
#left-navigation a:hover,
#right-navigation a:hover {
  color: #66ccff !important;
  background-color: #333 !important;
}

/* Fix search bar contrast */
#searchInput,
#searchGoButton,
#searchform input {
  background-color: #222 !important;
  color: #fff !important;
  border: 1px solid #444 !important;
}