MediaWiki:Vector.css

/* Sidebar-Hintergrund deutlich heller als Hauptbereich */
#mw-panel {
  background-color: #3a3a3a !important; /* Helleres Dunkelgrau */
  color: #f0f0f0 !important;
}

/* Titel in der Sidebar (Navigation, Werkzeuge etc.) */
.portlet h3 {
  color: #ffffff !important;
  font-weight: bold;
  border-bottom: 1px solid #666;
  margin-bottom: 0.5em;
}

/* Menü-Links in der Sidebar */
.vector-menu-content li a {
  color: #eeeeee !important;
  background-color: transparent !important;
}

/* Hover- und Fokus-Effekt */
.vector-menu-content li a:hover,
.vector-menu-content li a:focus {
  background-color: #555 !important;
  color: #ffffff !important;
  text-decoration: underline;
}

/* Aktive Menüeinträge (z. B. aktuelle Seite) */
.vector-menu-content li a:active {
  color: #ffffff !important;
  font-weight: bold;
}

/* Haupt-Inhaltsbereich (alles in #content & children) */
#content,
#bodyContent,
.mw-body,
.mw-parser-output {
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
}

/* Abschnittstitel auf Inhaltsseiten */
.mw-headline {
  color: #ffffff !important;
}

/* Inhaltsverzeichnis (falls vorhanden) */
#toc {
  background-color: #333 !important;
  border: 1px solid #444;
}
#toc a {
  color: #aad7ff !important;
}

/* Wirklich alle Inhaltscontainer dunkel hinterlegen */
body,
html,
#content,
#bodyContent,
.mw-body,
.mw-parser-output,
.mw-body-content {
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
}

/* Hauptseite & Standardseiten korrekt abdunkeln */
html,
body,
#mw-page-base,
#mw-head-base,
#content,
#bodyContent,
.mw-body,
.mw-parser-output,
.mw-body-content {
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
}

/* Überschriften */
h1, h2, h3, h4, h5 {
  color: #ffffff !important;
}
/* Allgemeine Linkfarben */
a,
.mw-parser-output a {
  color: #8dcaff !important;  /* Helles Cyanblau für Lesbarkeit */
}

/* Besuchte Links */
a:visited {
  color: #c7aaff !important;  /* Sanftes Violett */
}

/* Hover-Effekt für Links */
a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

/* Fußzeile richtig sichtbar machen */
#footer,
#footer a {
  color: #bbbbbb !important;
  background-color: #1e1e1e !important;
}

/* Seiten-Metainformationen sichtbar machen */
#footer-info,
#footer-info a {
  color: #aaa !important;
}
.category-page__member-link {
  color: #aad7ff !important;
}