MediaWiki:Foreground.css

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 { background-color: #2d3034; }
  #content, #mw-content-subtitle { 
    background-color: #2d3034; 
    color: lightgrey;
    a {color: #66b1fa !important}
    a:hover {color: #4894e0 !important}
  }
  #bodyContent { background-color: #2d3034; }
  #catlinks { background-color: #2d3034; }
  #catlinks, #footer-privacy, #footer-about, #footer-disclaimers, #poweredby, .tcAnnouncement { 
    a {color: #66b1fa;}
    .label {color: white;}
  }
  .blue { /* not yet updated */
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
    color:#31708F;
  }
  .green {
    background-color: #293c17;
    border: 1px solid #8bc48c;
    color:#8bc48c;
  }
  .red { /* not yet updated */
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    color:#A94442;
  }
  .guideTabs {
    color: white;
    background: #181a1b;
    a {color: #66b1fa !important}
    a:hover {color: #4894e0 !important}
  }
  .tcWidgetPage {
    background: #181a1b;
    .pageTitle, p, dd, ul, li, h2, h3, td, th, .collapsible { color: white; } 
    td {background: #2d3034;}
    th {
      background-color: #181a1b !important;
      background: #181a1b;
    }
    a {color: #66b1fa !important}
    a:hover {color: #4894e0 !important}
    .mw-collapsible-toggle:hover {
      background-color: unset;
    }
    .mw-collapsible-text {color: #66b1fa !important}
  }
  .categoryBox {
    h2 { color: #C73149 !important; }
    h2:hover { color: #A41D33 !important; }
  }
}

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

/* Hover Color */
a:hover, a:focus {color: #032356;}

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

#searchInput {
    width: 500px;
}

nav.top-bar,
.top-bar.expanded .title-area {
    background: #8D182B;
}

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

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

#navwrapper {
    background: #8D182B;
}

ul#top-bar-left li,
ul#top-bar-left li a
 {
    background: #8D182B;
}

ul#top-bar-right li,
ul#top-bar-right li a {
    background: #8D182B;
}

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: #8D182B;
}