Skip to content

Pokemon Showdown! Neon by ToxicGamer329

Screenshot of Pokemon Showdown! Neon

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

A neon themed pokemon showdown

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;
    }
}

Reviews

No reviews yet.