Skip to content

Minimalist Showdown by MashingSapphic

Screenshot of Minimalist Showdown

Details

AuthorMashingSapphic

LicenseGNU General Public License v3.0

CategoryPokemon Showdown

Created

Updated

Size6.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes Pokemon Showdown entirely* black and white

Notes

3.6 Patch Notes

  • Fixed Replay Stat Changes Being Illegible

3.5 Patch Notes

  • Made Room Tours Themed

3.4 Patch Notes
- Minor Graphical Changes to Ladder and Home Pages

3.3 Patch Notes
- Made Battle Popups Readable

3.2 Patch Notes
- Made Battle Popups Themed
- Made Replay Popups Readable

3.1 Patch Notes
- made buttons in replays themed
- made chat in replays themed
- made battle info in replays readable and themed

Source code

/* ==UserStyle==
@name           Minimalist Showdown
@namespace      github.com/openstyles/stylus
@version        3.6
@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 {
        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;
    }
}

Reviews

No reviews yet.