MediaWiki:Common.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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Catppuccin Mocha - 100% CORRECT */
:root {
  --bg: #1e1e2e; --surface: #313244; --overlay: #45475a; --border: #45475a;
  --text: #cdd6f4; --muted: #6c7086;
  --accent: #89b4fa; --teal: #89dceb; --yellow: #f9e2af; --green: #a6e3a1;
}

/* ALLEEN MediaWiki elementen, GEEN * wildcard */
body, #mw-panel, #p-navigation, #p-namespaces, #p-tb, #footer,
#mw-content-container, #content, .mw-body, .mw-parser-output {
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* Body layout EXACT */
body {
  font-family: "Noto Sans", "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  max-width: 960px !important;
  margin: 0 auto !important;
  padding: 32px !important;
}

/* KOPPEN - CORRECT */
#firstHeading, h1 {
  color: var(--accent) !important;
  font-size: 26px !important;
  margin-bottom: 4px !important;
}

.mw-parser-output h2 {
  color: var(--accent) !important;
  font-size: 19px !important;
  margin: 40px 0 12px !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid var(--border) !important;
}

/* NAV LINKS */
#p-navigation li a, #p-namespaces li a {
  color: var(--muted) !important;
  background: transparent !important;
}

#p-navigation li a:hover {
  background: var(--surface) !important;
  color: var(--text) !important;
}

/* SEARCHBOX - COMPLEET */
#searchInput {
  background: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  padding: 8px !important;
}

/* CODE, TABEL, LINKS zoals jouw CSS */
.mw-parser-output code { 
  background: var(--surface) !important; 
  color: var(--green) !important; 
  padding: 2px 6px !important; 
  border-radius: 4px !important;
}

.mw-parser-output table th { 
  background: var(--surface) !important; 
  color: var(--accent) !important; 
}

a { color: var(--teal) !important; }