docs/themes.md
To enable a theme, append &theme= followed by the theme name to the end of your url.
You can also try out and customize these themes on the Demo Site!
Note: Theme names provided are case-insensitive and any use of underscores will be treated the same as hyphens.
| Theme | Preview |
|---|---|
default | |
dark | |
highcontrast | |
transparent | |
radical | |
merko | |
gruvbox | |
gruvbox-duo | |
tokyonight | |
tokyonight-duo | |
onedark | |
onedark-duo | |
cobalt | |
synthwave | |
dracula | |
prussian | |
monokai | |
vue | |
vue-dark | |
shades-of-purple | |
nightowl | |
buefy | |
buefy-dark | |
blue-green | |
algolia | |
great-gatsby | |
darcula | |
bear | |
solarized-dark | |
solarized-light | |
chartreuse-dark | |
nord | |
gotham | |
material-palenight | |
graywhite | |
vision-friendly-dark | |
ayu-mirage | |
midnight-purple | |
calm | |
flag-india | |
omni | |
react | |
jolly | |
maroongold | |
yeblu | |
blueberry | |
blueberry-duo | |
slateorange | |
kacho-ga | |
ads-juicy-fresh | |
black-ice | |
soft-green | |
blood | |
blood-dark | |
green-nur | |
neon-dark | |
neon-palenight | |
dark-smoky | |
monokai-metallian | |
city-lights | |
blux | |
earth | |
deepblue | |
holi-theme | |
ayu-light | |
javascript | |
javascript-dark | |
noctis-minimus | |
github-dark | |
github-dark-blue | |
github-light | |
elegant | |
leafy | |
navy-gear | |
hacker | |
garden | |
github-green-purple | |
icegray | |
neon-blurange | |
yellowdark | |
java-dark | |
android-dark | |
deuteranopia-friendly-theme | |
windows-dark | |
git-dark | |
python-dark | |
sea | |
sea-dark | |
violet-dark | |
horizon | |
material | |
modern-lilac | |
modern-lilac2 | |
halloween | |
violet-punch | |
submarine-flowers | |
rising-sun | |
gruvbox-light | |
outrun | |
ocean-dark | |
discord-old-blurple | |
aura-dark | |
panda | |
cobalt2 | |
swift | |
aura | |
apprentice | |
moltack | |
codestackr | |
rose-pine | |
date-night | |
one-dark-pro | |
rose | |
neon | |
sunset-gradient | |
ocean-gradient | |
ambient-gradient | |
catppuccin-latte | |
catppuccin-frappe | |
catppuccin-macchiato | |
catppuccin-mocha | |
burnt-neon | |
humoris | |
shadow-red | |
shadow-green | |
shadow-blue | |
shadow-orange | |
shadow-purple | |
shadow-brown | |
github-dark-dimmed | |
blue-navy | |
calm-pink | |
whatsapp-light | |
whatsapp-dark | |
carbonfox | |
dawnfox | |
dayfox | |
duskfox | |
nightfox | |
nordfox | |
terafox | |
iceberg | |
whatsapp-light2 | |
whatsapp-dark2 | |
travelers-theme | |
youtube-dark | |
meta-light | |
meta-dark | |
dark-minimalist | |
telegram | |
taiga | |
telegram-gradient | |
microsoft | |
microsoft-dark | |
hacker-inverted | |
rust-ferris-light | |
rust-ferris-dark | |
cyber-streakglow | |
vitesse | |
nord-aurora | |
dark-aura | |
everforest-dark | |
everforest-light | |
oceanic-next | |
kanagawa-paper | |
sakura-x |
You can now customize your stats card with the interactive Demo Site or by customizing the url parameters.
If you would like to share your theme with others, feel free to open an issue/pull request!
Note: When submitting a new theme, make sure the name is all lowercase. Hyphens are allowed between words, but there should be no underscores. On the demo site, you can export a list of colors from the advanced section by clicking "Export to PHP".