MediaWiki:Common.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* === Grundfarben === */
body.dark-mode,
body.dark-mode #content,
body.dark-mode #mw-content-text,
body.dark-mode #bodyContent,
body.dark-mode .mw-body,
body.dark-mode #mw-panel,
body.dark-mode #mw-head,
body.dark-mode #p-personal,
body.dark-mode #left-navigation,
body.dark-mode #right-navigation,
body.dark-mode .mw-footer,
body.dark-mode .mw-portlet,
body.dark-mode .vector-menu-content,
body.dark-mode .vector-menu-content-list,
body.dark-mode .vector-menu-heading {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

/* === Links === */
body.dark-mode a {
  color: #66baff !important;
}
body.dark-mode a:visited {
  color: #a0a0ff !important;
}

/* === Navigation & Sidebar === */
body.dark-mode #mw-panel a,
body.dark-mode #p-personal a,
body.dark-mode #mw-head a {
  color: #66baff !important;
}
body.dark-mode #p-logo a {
  background-color: #111 !important;
  background-image: none !important;
}

/* === Infoboxen, Tabellen, Code === */
body.dark-mode .infobox,
body.dark-mode .navbox,
body.dark-mode table.wikitable,
body.dark-mode table,
body.dark-mode th,
body.dark-mode td {
  background-color: #1c1c1c !important;
  color: #ccc !important;
  border-color: #444 !important;
}

body.dark-mode pre,
body.dark-mode code {
  background-color: #222 !important;
  color: #99ccff !important;
}

/* === Suchfeld & Eingaben === */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  background-color: #2a2a2a !important;
  color: #eee !important;
  border: 1px solid #444 !important;
}

/* === Footer & Kleinteile === */
body.dark-mode .mw-footer,
body.dark-mode .printfooter,
body.dark-mode .catlinks {
  background-color: #111 !important;
  color: #888 !important;
}


body.dark-mode #mw-panel a:hover {
  background-color: #333;
  color: #fff;
}