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.

/* ===================================================
   TIMELESS DARK SITH THEME FIX
   =================================================== */

/* --- 1. SITH RED LINKS --- */
a, 
a:link, 
.mw-parser-output a,
#mw-content-text a,
#mw-panel a,
#page-tools a,
.sidebar-chunk a {
  color: #e62222 !important;
  text-decoration: none !important;
}

a:visited,
.mw-parser-output a:visited {
  color: #991111 !important;
}

a:hover,
.mw-parser-output a:hover,
#page-tools a:hover {
  color: #ff5500 !important;
}


/* --- 2. FIX HEADER (TOP BAR & LOGO) --- */
/* Remove default top accent stripes (pink/blue) and enforce dark background */
#mw-header-container {
  background-color: #0d0d0d !important;
  background-image: none !important;
  border-top: 3px solid #8b0000 !important; /* Unified Sith Red top bar */
}

/* Fix logo area & top navigation containers */
#mw-header-hack,
#p-logo-text,
#p-logo-text a,
#user-tools,
#site-navigation {
  background-color: #0d0d0d !important;
  color: #ffffff !important;
}

/* User profile text at top right */
#user-tools, #user-tools a {
  color: #d1d1d1 !important;
}


/* --- 3. FIX WHITE SIDEBAR BOXES --- */
/* Forces sidebar containers (Navigation, Page Tools, Wiki Tools) to stay obsidian dark */
.sidebar-chunk,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk,
.color-middle,
.color-left,
.color-right {
  background-color: #121212 !important;
  background-image: none !important;
  border: 1px solid #282828 !important;
  color: #cccccc !important;
}

/* Sidebar headers / titles */
.sidebar-chunk h2, 
.sidebar-chunk h3 {
  color: #8b0000 !important;
  border-bottom: 1px solid #333333 !important;
}


/* --- 4. PAGE TITLE UNDERLINE --- */
.firstHeading, 
#firstHeading, 
.mw-page-title-main {
  border-bottom: 2px solid #8b0000 !important;
}


/* --- 5. FIX GREY FOOTER & TEAL BAR --- */
#footer-container {
  background-color: #090909 !important;
  background-image: none !important;
  border-top: 3px solid #8b0000 !important; /* Replaces green bar with Sith Red */
}

#footer, 
#footer-info, 
#footer-places {
  background-color: transparent !important;
  color: #777777 !important;
}

#footer a {
  color: #cc2222 !important;
}

#footer a:hover {
  color: #ff5500 !important;
}