Skip to content

Pokemon Showdown Glass Theme by pikwyded

Screenshot of Pokemon Showdown Glass Theme

Details

Authorpikwyded

LicenseNo License

Categorypokemonshowdown.com

Created

Updated

Size2.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Translucent/frosted glass theme for Pokemon Showdown

Notes

Main changes:

  • Remove gray/white background
  • Transparent message log, buttons, and trainer panels
  • Render all sprites/models pixelated
  • Accent colors: pink, mint, purple

Source code

/* ==UserStyle==
@name           play.pokemonshowdown.com - 12/9/2022, 2:30:44 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://play.pokemonshowdown.com/battle") {
    body {
        overflow-x: hidden;
    }
    
    .leftbar, .rightbar {
        background-color: rgba(80, 80, 80, 0.1);
        backdrop-filter: blur(1.5px);
        border-left: 1px solid rgba(110, 110, 110, 0);
        border-right: 1px solid rgba(110, 110, 110, 0);
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
    }
    
    .leftbar {
        border-right: 1px solid rgba(110, 110, 110, 0);
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);

    }
    
    .rightbar {
        border-left: 1px solid rgba(110, 110, 110, 0);
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
    }
    
    .battle-log, .chatbox > .textbox, .message-log h2, .battle-log-add {
        background-color: rgba(80, 80, 80, 0.3) !important;
        backdrop-filter: blur(1.5px);
    }
    
    .ps-room.ps-room-opaque, .battle-controls, .controls, .messagebar {
        background-color: rgba(80, 80, 80, 0) !important;
    }
    .battle-controls, .leftbar, .rightbar, .battle-log, .battle-log-add, .moveselect > button, .message {
        text-shadow: 0 0 2px #000;
    }
    
    .whatdo, .controls em, .message-log h2, .chat em, .trainer strong, .battle-controls, .messagebar strong {
        color:#ffdfff !important;
    }
    
    .battle-history, .chat, .controls p > small, .message {
        color: #f9f9f9;
    }
    
    .dark .chat > strong, .healthy {
        color: #C8FFBE;
    }   
    
    .chat small {
        color: #B47AEA;
    }
    
    .megaevo {
        text-shadow: none;
    }
    
    .battle-controls .button {
        border-radius: 3px;
        background-color: rgba(80, 80, 80, 0.4);
        border: solid 1px #aaa;
        box-shadow: none;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        transition: all 0.8s;
        backdrop-filter: blur(1.5px);
    }
    
    .picon, .trainersprite {
        opacity: 1 !important;
    }
    
    .picon, .trainersprite, .battle img {
        image-rendering: pixelated !important;
    }
    
    .trainersprite {
        transform: scale(1.25) !important;
        margin-bottom: 10px !important;
    } 
    
    .trainer > strong {
        margin-bottom: 10px;
    }
}

Reviews

No reviews yet.