Minimalist Showdown by MashingSapphic

/* ==UserStyle==
@name           Minimalist Showdown
@namespace      github.com/openstyles/stylus
@version        3.7
@description    Makes Pokemon Showdown entirely* black and white
@author         MashingSapphic
==/UserStyle== */

@-moz-document url-prefix("https://play.pokemonshowdown.com/"),  url-prefix("https://smogtours") {
    
    * {
        scrollbar-color: white black;
    }
    
    button {
        color: white;
        background: black;
    }
    
    h3, div.mainmenu, div.ps-popup, div.roomcounters button.button, i.fa.fa-user, button.button, div.folderpane div div, .dark .ps-room.ps-room-light, ::before, div.team, input.textbox, button.textbox, div.setchart-nickname, div.setcol.setcol-details, div.setcol.setcol-moves, div.setcol.setcol-stats, div.setcell.setcell-pokemon, div.battle-log, div.battle-log-add, ul.battle-userlist, h2.battle-history, div.ps-room, a.button, div.controls, div.battle-controls, .userlist-count, button.filter, div.pm-buttonbar button, div.teambar button, div.newsentry, div.newsentry.unread, div.sortrow button, div.sortrow, div.userbar span.username, div.pm-log div.inner div.chat strong, div.leftbar, div.rightbar, div.turn, div div.message, div.messagebar.message p, button.folderButtonOpen, button.select, div#header.header, div.tooltip * {
        color: white !important;
        background: black !important;
    }
    
    div.mainmenu button, p button.button, select, div.infobox p span {
        color: white !important;
        background: black !important;
        border-color: white !important;
    }
    
    button.select.formatselect:after, button.select.teamselect:not(.preselected):after, a, div.whatdo {
        color: white !important;
    }
    
    div.menugroup {
        background: rgba(0, 0, 0, 0) !important;
    }
    
    div.maintabbarbottom, li a i {
        color: white !important;
        background: black !important;
        border-color: grey !important;
    }
    
    div.roomlist div a, div.teambar button[disabled=disabled], div.rated strong {
        color: white !important;
        background: black !important;
        border-color: white !important;
    }
    
    a.roomtab.button.notifying {
        color: white !important;
        background: black !important;
        border-color: #dddddd !important;
    }
    
    div.folderpane {
        border-left-color: black !important;
    }
    
    div.setcell.setcell-pokemon label, div.infobox span {
        color: white !important;
    }
    
    div.setchart, div.setcol.setcol-icon, div.setcell-sprite, div.setcell.setcell-pokemon {        
        border-color: black !important;
    }
    
    button.textbox.setdetails span label {
        font-size: 8px;
    }
    
    div.infobox > div > span {
        background: white !important;
    }
    
    path.tournament-bracket-tree-link.tournament-bracket-tree-link-active {
        stroke: white;
    }

    .tournament-bracket-tree-node-win rect {
        fill: white;
        stroke: black;
    }
    
    .tournament-bracket-tree-node-loss rect {
        fill: black;
        stroke: white;
    }
    
    .tournament-bracket-tree-node-match-unavailable rect{
        fill: #333333;
        stroke: #a9a9a9;
    }
    
    .tournament-bracket-tree-node-loss text, .tournament-bracket-tree-node-loss text tspan {
        fill: white;
    }
    
    .tournament-bracket-tree-node-match-unavailable text {
        fill: #a9a9a9;
    }
    
    .tournament-bracket-tree-node-match-inprogress rect, .tournament-bracket-tree-node-team:not(.tournament-bracket-tree-node-win, .tournament-bracket-tree-node-loss) rect {
        fill: #a9a9a9;
        stroke: white;
    }
    
    .tournament-bracket-tree-node-match-inprogress text a {
        fill: white;
        
    }
    
    .tournament-bracket-tree-node-match-finished:not(.tournament-bracket-tree-node-win, .tournament-bracket-tree-node-loss) rect {
        fill: #999999;
        stroke: black;
    }
    
    div.chat.chatmessage-scrappie div.infobox, div.chat.chatmessage-scrappie div.infobox center div table {
        border-color: white !important;
    }
    
    div.chat.chatmessage-scrappie div.infobox center div table tbody tr:nth-of-type(2n) {
        background: #222222 !important;
    }
    
    div.chat.chatmessage-scrappie div.infobox center div table tbody tr:nth-of-type(2n+1) {
        background: black !important;
    }
    
    div.chat.chatmessage-scrappie div.infobox center div table tbody tr:nth-of-type(1) th {
        border-bottom: 1px solid white !important;
    }
    
}

@-moz-document url-prefix("https://pokemonshowdown.com/"), url-prefix("https://dex.pokemonshowdown.com/"), url-prefix("https://replay.pokemonshowdown.com/") {
    
    *:not(div.hpbar div.status span) {
        color: white;     
    }
    
    th, header, button.sortcol:not(.cur), div.sortrow, li h3, label.checkbox input, option.value, h2.battle-history, div.tooltip {
        background: black !important;
    }
    
    div.body, body, div.pfx-panel, a.pfx-backbutton, a.button, button, html, a.button.greenbutton:hover, section.section.section-news a.button, code, a.button.bigbutton {
        background: black;
    }

    div.pfx-topbar {
        background: black;
        border-bottom: white;
    }
    
    a.button.greenbutton, div.leftbar, div.rightbar, div.turn, div.messagebar.message {
        background: black;
        border-color: white;
    }
    
    button.button, section.section, a.blocklink, ul.nav li a:not(.cur), select.button, div.replay-controls p a.button, div.battle-log {
        background: black !important;
        border-color: white !important;
    }
    
    
    .cur, input.textbox {
        color: black !important;
        background: white !important;
        text-shadow: black 0 0 0 !important;
        border: black;
    }
  
    .cur span, .cur span em {
        color: black !important;
        border: 1px solid white !important;
        border-radius: 0px !important;
    }
    
    a.active span, a.active span em, div.statbar strong, ul.laddernav li .button:hover, div.weather em, div.weather em * {
        color: black !important;
    }
}