MediaWiki:Foreground.css

:root {
  --darkBG: #2d3034; /* background */
  --darkFG: #181a1b; /* foreground */
  --darkGR: #a2a9b1;
  --darkA: #66b1fa;
  --darkAH: #1370cc;
  --redrockRed: #610215;
  --darkRRRed: #C73149;
}

hr {
  clear: left;
}

.mw-ui-button {
  color: grey;
}

#content { background-color: #eeeeee; }
#bodyContent { background-color: #eeeeee; }
#catlinks { background-color: #eeeeee; }
body { background-color: #eeeeee; }

@media (prefers-color-scheme: dark) {
  body, #content, #mw-content-subtitle, #bodyContent, #catlinks, #toc, #catlinks .label { 
    background-color: var(--darkBG); 
  }
  .mw-redirectedfrom, #mw-content-text, .mw-specialpagesgroup, #toc {
    color: white;
  }
  #catlinks, footer, .tcAnnouncement, #content, #mw-content-subtitle, .guideTabs, .tcWidgetPage { 
    a {color: var(--darkA) !important; }
    a:hover {color: var(--darkAH) !important; }
  }
  .tcAnnouncement {
    filter: brightness(0.6) saturate(2) contrast(1.5);
  }
  .guideTabs {
    border-color: var(--darkBG);
    background: var(--darkFG);
  }
  .tcWidgetPage {
    background: var(--darkFG);
    border-color: var(--darkBG);
    p, dd, ul, li, h2, h3, td, th, caption { color: white; } 
    th, td {
      background-color: var(--darkBG) !important;
      background: var(--darkBG);
      border-color: var(--darkGR) !important;
    }
    .mw-collapsible-toggle:hover { background-color: unset; }
    .mw-collapsible-text { color: var(--darkA); }
  }
  .categoryBox {
    h2 { color: var(--darkRRRed); }
    border: 1px solid var(--darkBG);
    hr { border-color: var(--darkBG); }
  }
  .mw-highlight {
    filter: invert(1);
    color: black;
    background-color: #ececec;
  }
}



/* Link Color */
a {color: #0645ad}
a:hover {color: #03378a;}

/* Hide titles */ 
.title { display: none; }
#tagline { display: none; }

#searchInput {
    width: 500px;
}

nav.top-bar,
.top-bar.expanded .title-area {
    background: var(--redrockRed);
}

.mw-collapsible-toggle:hover {
    background-color:white;
}

.mw-collapsible-toggle:focus {
    background-color:white;
}

#navwrapper {
    background: var(--redrockRed);
}

ul#top-bar-left li,
ul#top-bar-left li a
 {
    background: var(--redrockRed);
}

ul#top-bar-right li,
ul#top-bar-right li a {
    background: var(--redrockRed);
}

ul#top-bar-left li:hover,
ul#top-bar-left li a:hover,
ul#top-bar-right li:hover:not(.has-form),
ul#top-bar-right li a:hover {
    background: #E5E5E5;
    color: var(--redrockRed);
}