MediaWiki:Vector.css: Difference between revisions

Revision as of 15:56, 4 April 2025

/* 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;
}

/* Final kill: Tab and action bar fix */
#mw-page-base, #mw-head-base {
  background-color: #121212 !important;
}

.vector-menu-tabs, .vector-menu-tabs li, .vector-menu-tabs li a {
  background-color: #1a1a1a !important;
  color: #ccc !important;
  border: none !important;
}

.vector-menu-tabs li.selected a {
  background-color: #333 !important;
  color: #66ccff !important;
  box-shadow: inset 0 -2px 0 #66ccff;
}

.vector-menu-tabs li a:hover {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
}

/* Obliterate light tab highlights once and for all */
.vector-menu-tabs li a,
.vector-menu-tabs li a:visited {
  background-color: #1c1c1c !important;
  color: #cccccc !important;
  border: none !important;
  box-shadow: none !important;
}

.vector-menu-tabs li.selected a {
  background-color: #333333 !important;
  color: #66ccff !important;
  box-shadow: inset 0 -3px 0 #66ccff !important;
}

.vector-menu-tabs li a:hover {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
  box-shadow: inset 0 -2px 0 #66ccff !important;
}

/* Remove that thin white line above the content */
#content {
  border-top: none !important;
}