Skip to content

⚫ A Stylish script which provides dark mode for Pikalytics. This is an open source stylesheet with the intention of iterating on until it's ready to go live as a permanent fixture on Pikalytics.

License

Notifications You must be signed in to change notification settings

GriffinLedingham/pikalytics-dark

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 

Repository files navigation

pikalytics-dark

A stylesheet (to be used in a Stylish script) which provides dark mode for Pikalytics. This is an open source stylesheet with the intention of iterating on until it's ready to go live as a permanent fixture on Pikalytics.

I'm opting for !important on all styles (it's terrible, don't @ me) so that these styles can just stomp existing Pikalytics styles without a major refactor, as refactoring 5 years of CSS is out of the scope of what I want to accomplish here hah.

Pokedex

Pikalytics Dark Mode

Team

Pikalytics Team Dark Mode

Requirements

Setup

  • Create New Style in Stylish
  • Copy dark.css from this repo into the new Stylish script

Usage

  • Enable new Stylish script for https://www.pikalytics.com
  • Inspect Elements in your browser, and add the class dm to the body, after pokedex,team, etc. so it looks like:
<body onload="onLoad()" class="pokedex dm">
  • You should see the dark theme take effect.
  • Feel free to iterate, and submit pull requests here if you'd like!

ToDo

  • Type icons
  • Team Builder Modals
  • Most of Tournaments
  • Most of Articles
  • Most of Damage Calc

About

⚫ A Stylish script which provides dark mode for Pikalytics. This is an open source stylesheet with the intention of iterating on until it's ready to go live as a permanent fixture on Pikalytics.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages