A neon themed pokemon showdown
Pokemon Showdown! Neon by ToxicGamer329
Details
AuthorToxicGamer329
LicenseNo License
Categoryplay.pokemonshowdown.com
Created
Updated
Size3.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Makes room buttons, greentext etc. neon
Use dark mode
Source code
/* ==UserStyle==
@name play.pokemonshowdown.com - neon
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Neon Pokemon Showdown!
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://play.pokemonshowdown.com/") {
.greentext {
color: #514fcc;
text-shadow: 0 0 1.5rem white;
}
.dark .greentext {
color: #0400ff;
text-shadow:
0 0 7px #fff,
0 0 10px #fff,
0 0 21px #fff,
0 0 42px #0fa,
0 0 82px #0fa,
0 0 92px #0fa,
0 0 102px #0fa,
0 0 151px #0fa;
border: 0.2rem solid #fff;
border-radius: 2rem;
padding: 0.4em;
box-shadow: 0 0 .2rem #fff,
0 0 .2rem #fff,
0 0 2rem #c467e8,
0 0 0.8rem #c467e8,
0 0 2.8rem #c467e8,
inset 0 0 1.3rem #c467e8;
}
@keyframes pulsate {
100% {
/* Larger blur radius */
text-shadow:
0 0 4px #fff,
0 0 11px #fff,
0 0 19px #fff,
0 0 40px #f09,
0 0 80px #f09,
0 0 90px #f09,
0 0 100px #f09,
0 0 150px #f09;
}
0% {
/* A slightly smaller blur radius */
text-shadow:
0 0 4px #fff,
0 0 10px #fff,
0 0 18px #fff,
0 0 38px #f09,
0 0 73px #f09,
0 0 80px #f09,
0 0 94px #f09,
0 0 140px #f09;
}
}
.dark .tabbar a.button.subtle-notifying {
color: #eaff00;
text-shadow:
0 0 7px #fff,
0 0 10px #fff,
0 0 21px #fff,
0 0 42px #0fa,
0 0 82px #0fa,
0 0 92px #0fa,
0 0 102px #0fa,
0 0 151px #0fa;
border: 0.2rem solid #fff;
border-radius: 2rem;
padding: 0.4em;
box-shadow: 0 0 .2rem #fff,
0 0 .2rem #fff,
0 0 2rem #eaff00cf,
0 0 0.8rem #eaff00cf,
0 0 2.8rem #eaff00cf,
inset 0 0 1.3rem #eaff00cf;
}
.dark .button.cur, .dark .button.cur:hover, .dark .tabbar a.button.cur, .dark .tabbar a.button.cur:hover {
color: #0400ff;
text-shadow:
0 0 7px #fff,
0 0 10px #fff,
0 0 21px #fff,
0 0 42px #0fa,
0 0 82px #0fa,
0 0 92px #0fa,
0 0 102px #0fa,
0 0 151px #0fa;
border: 0.2rem solid #fff;
border-radius: 2rem;
padding: 0.4em;
box-shadow: 0 0 .2rem #fff,
0 0 .2rem #fff,
0 0 2rem #6663e8,
0 0 0.8rem #6663e8,
0 0 2.8rem #6663e8,
inset 0 0 1.3rem #6663e8;
}
.dark .tabbar a.button.notifying {
background: #6bacc5;
border-color: #2c9cc1;
color: #f00;
text-shadow:
0 0 7px #fff,
0 0 10px #fff,
0 0 21px #fff,
0 0 42px #0fa,
0 0 82px #0fa,
0 0 92px #0fa,
0 0 102px #0fa,
0 0 151px #0fa;
border: 0.2rem solid #fff;
border-radius: 2rem;
padding: 0.4em;
box-shadow: 0 0 .2rem #fff,
0 0 .2rem #fff,
0 0 2rem #f54652,
0 0 0.8rem #f54652,
0 0 2.8rem #f54652,
inset 0 0 1.3rem #f54652;
}
.dark .tabbar a.button {
background: #6bacc5;
border-color: #2c9cc1;
color: #f00;
text-shadow:
0 0 7px #fff,
0 0 10px #fff,
0 0 21px #fff,
0 0 42px #0fa,
0 0 82px #0fa,
0 0 92px #0fa,
0 0 102px #0fa,
0 0 151px #0fa;
border: 0.2rem solid #fff;
border-radius: 2rem;
padding: 0.4em;
box-shadow: 0 0 .2rem #fff,
0 0 .2rem #fff,
0 0 2rem #a29c9c,
0 0 0.8rem #a29c9c,
0 0 2.8rem #a29c9c,
inset 0 0 1.3rem #a29c9c;
}
}