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.

/* FORCE OVERRIDE - Catppuccin Dark voor moderne Vector */
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&display=swap');

/* RESET ALLES */
* {
  background: initial !important;
  background-color: transparent !important;
  color: initial !important;
  border: none !important;
  box-shadow: none !important;
}

body {
  background: #1e1e2e !important;
  color: #cdd6f4 !important;
  font-family: "Fira Code", monospace !important;
  font-size: 15px !important;
}

/* VECTOR-2022 MAIN CONTENT */
div#mw-content-container {
  background: #24273a !important;
  border: 1px solid #363a4f !important;
  border-radius: 12px !important;
  margin: 20px auto !important;
  max-width: 1200px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
}

/* MODERNE SIDEBAR - Vector 2022 */
div#vector-user-links-dropdown, 
div#vector-user-menu-dropdown-label,
div#vector-pinnable-header-pinned-container,
.vector-menu-heading-label,
.vector-dropdown .vector-pinnable-element {
  background: #24273a !important;
  border: 1px solid #363a4f !important;
  border-radius: 8px !important;
  color: #b4befe !important;
}

/* CATEGORIEËN - Post-content */
.mw-normal-catlinks,
ul.mw-normal-catlinks {
  background: #24273a !important;
  border: 1px solid #363a4f !important;
  border-radius: 8px !important;
  padding: 16px !important;
  margin: 20px 0 !important;
}

.mw-normal-catlinks li {
  background: #363a4f !important;
  margin: 6px !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
  display: inline-block !important;
}

.mw-normal-catlinks a {
  color: #89b4fa !important;
}

/* SEARCH BAR */
#searchInput,
#searchInput::placeholder {
  background: #363a4f !important;
  border: 1px solid #45475a !important;
  color: #cdd6f4 !important;
  border-radius: 8px !important;
  padding: 12px !important;
}

/* NAVIGATIE TABS */
.vector-menu-tabs .vector-menu-content-list a,
.mw-list-item a {
  background: #24273a !important;
  color: #a6adc8 !important;
  border-radius: 6px !important;
  padding: 10px 16px !important;
}

.vector-menu-tabs .vector-menu-content-list a:hover {
  background: #45475a !important;
  color: #cdd6f4 !important;
}

/* FIRST HEADING */
#firstHeading {
  background: #45475a !important;
  color: #89b4fa !important;
  padding: 20px !important;
  border-radius: 8px !important;
  margin-bottom: 24px !important;
}

/* ALLE H1-H6 */
.mw-parser-output h1, .mw-parser-output h2, .mw-parser-output h3,
.mw-parser-output h4, .mw-parser-output h5, .mw-parser-output h6 {
  color: #89b4fa !important;
}

/* TABELLEN */
.mw-parser-output table {
  background: #24273a !important;
  border: 1px solid #363a4f !important;
  border-radius: 8px !important;
}

.mw-parser-output th {
  background: #45475a !important;
  color: #cdd6f4 !important;
}

.mw-parser-output td {
  border-color: #363a4f !important;
  color: #a6adc8 !important;
}

/* CODE */
pre, code {
  background: #363a4f !important;
  color: #a6adc8 !important;
  border: 1px solid #45475a !important;
}

/* LINKS OVERAL */
a, a:visited {
  color: #89b4fa !important;
}

a:hover {
  color: #b4befe !important;
  background: #45475a !important;
}

/* FOOTER */
#mw-footer-container {
  background: #1e1e2e !important;
  border-top: 1px solid #363a4f !important;
  color: #6c7086 !important;
}