Translucent/frosted glass theme for Pokemon Showdown
Pokemon Showdown Glass Theme by pikwyded

Details
Authorpikwyded
LicenseNo License
Categorypokemonshowdown.com
Created
Updated
Code size2.6 kB
Code checksum587aefb2
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;
}
}