MediaWiki:Common.css: Difference between revisions

Revision as of 15:43, 1 August 2026

/* ===================================================
   INVERSION-PROOF SITH THEME FOR TIMELESS DARK MODE
   =================================================== */

/* --- 1. SITH RED LINKS --- */
html.client-dark-mode a,
html.mw-dark-mode a,
.mw-dark-mode a {
  color: #e62222 !important;
  text-decoration: none !important;
}

html.client-dark-mode a:visited,
html.mw-dark-mode a:visited,
.mw-dark-mode a:visited {
  color: #991111 !important;
}

html.client-dark-mode a:hover,
html.mw-dark-mode a:hover,
.mw-dark-mode a:hover {
  color: #ff5500 !important;
}


/* --- 2. HEADER ACCENT LINES (Remove Pink/Blue) --- */
/* Target top header container without breaking dark background */
html.client-dark-mode #mw-header-container,
html.mw-dark-mode #mw-header-container {
  border-top: 3px solid #8b0000 !important;
}

/* Remove colored accent stripes above search/logo */
html.client-dark-mode .color-middle,
html.client-dark-mode .color-left,
html.client-dark-mode .color-right,
html.mw-dark-mode .color-middle,
html.mw-dark-mode .color-left,
html.mw-dark-mode .color-right {
  background: none !important;
  background-image: none !important;
}


/* --- 3. FIX GREY FOOTER CONTAINER & TEAL BAR --- */
/* Forces footer container to dark obsidian in dark mode */
html.client-dark-mode #footer-container,
html.mw-dark-mode #footer-container {
  border-top: 3px solid #8b0000 !important; /* Replaces teal line with Sith Red */
  filter: none !important;                  /* Prevents dark mode extension from turning footer white */
  background-color: #0d0d0d !important;
  background-image: none !important;
}

html.client-dark-mode #footer,
html.mw-dark-mode #footer {
  background-color: transparent !important;
  color: #888888 !important;
}

html.client-dark-mode #footer a,
html.mw-dark-mode #footer a {
  color: #cc2222 !important;
}


/* --- 4. PREVENT WHITE SIDEBAR BOXES --- */
html.client-dark-mode .sidebar-chunk,
html.mw-dark-mode .sidebar-chunk {
  background-color: transparent !important;
  border-color: #333333 !important;
}