monkeytype/frontend/static/themes
Asif Malik 91d64dc920
feat(theme): add spiderman theme (@asifMalik78) (#7240)
### Description

<!-- Please describe the change(s) made in your PR -->

### Checks

- [ ] Adding/modifying Typescript code?
  - [ ] I have used `qs`,`qsa` or `qsr` instead of JQuery selectors.
- [ ] Adding quotes?
- [ ] Make sure to include translations for the quotes in the
description (or another comment) so we can verify their content.
- [ ] Adding a language?
- Make sure to follow the [languages
documentation](https://github.com/monkeytypegame/monkeytype/blob/master/docs/LANGUAGES.md)
  - [ ] Add language to `packages/schemas/src/languages.ts`
- [ ] Add language to exactly one group in
`frontend/src/ts/constants/languages.ts`
  - [ ] Add language json file to `frontend/static/languages` 
- [x] Adding a theme?
- Make sure to follow the [themes
documentation](https://github.com/monkeytypegame/monkeytype/blob/master/docs/THEMES.md)
  - [x] Add theme to `packages/schemas/src/themes.ts`
  - [x] Add theme to `frontend/src/ts/constants/themes.ts`
  - [x] Add theme css file to `frontend/static/themes`
- [x] Add some screenshot of the theme, especially with different test
settings (colorful, flip colors) to your pull request
- [ ] Adding a layout?
- [ ] Make sure to follow the [layouts
documentation](https://github.com/monkeytypegame/monkeytype/blob/master/docs/LAYOUTS.md)
  - [ ] Add layout to `packages/schemas/src/layouts.ts`
  - [ ] Add layout json file to `frontend/static/layouts` 
- [ ] Adding a font?
- Make sure to follow the [themes
documentation](https://github.com/monkeytypegame/monkeytype/blob/master/docs/FONTS.md)
  - [ ] Add font file  to `frontend/static/webfonts`
  - [ ] Add font to `packages/schemas/src/fonts.ts`
  - [ ] Add font to `frontend/src/ts/constants/fonts.ts`
- [ ] Check if any open issues are related to this PR; if so, be sure to
tag them below.
- [x] Make sure the PR title follows the Conventional Commits standard.
(https://www.conventionalcommits.org for more info)
- [x] Make sure to include your GitHub username prefixed with @ inside
parentheses at the end of the PR title.

<!-- label(optional scope): pull request title (@your_github_username)
-->

<!-- I know I know they seem boring but please do them, they help us and
you will find out it also helps you.-->

Closes #

Theme Screenshots : 
<img width="1484" height="766" alt="2025-12-14_23-51-42"
src="https://github.com/user-attachments/assets/94d9d9dd-37b9-42f0-8930-b75aeb35c913"
/>

<img width="1484" height="766" alt="2025-12-14_23-53-11"
src="https://github.com/user-attachments/assets/995532d3-b6dc-4f19-b9a1-4b8704d8330b"
/>


<!-- the issue(s) your PR resolves if any (delete if that is not the
case) -->
<!-- please also reference any issues and or PRs related to your pull
request -->
<!-- Also remove it if you are not following any issues. -->

<!-- pro tip: you can mention an issue, PR, or discussion on GitHub by
referencing its hash number e.g:
[#1234](https://github.com/monkeytypegame/monkeytype/pull/1234) -->

<!-- pro tip: you can press . (dot or period) in the code tab of any
GitHub repo to get access to GitHub's VS Code web editor Enjoy! :) -->

Co-authored-by: Asif Malik <aasifmalik22789@gmail.com>
Co-authored-by: Christian Fehmer <fehmer@users.noreply.github.com>
2025-12-14 22:07:22 +01:00
..
80s_after_dark.css
8008.css fix: 8008 theme duplicate sub-alt-color (@tboex) (#6879) 2025-08-14 11:16:03 +02:00
9009.css
aether.css
alduin.css
alpine.css
anti_hero.css
arch.css
aurora.css
beach.css
bento.css
bingsu.css
bliss.css
blue_dolphin.css
blueberry_dark.css
blueberry_light.css
botanical.css
bouquet.css
breeze.css
bushido.css
cafe.css
camping.css
carbon.css
catppuccin.css
chaos_theory.css chore: prettier upgrade (@miodec) (#7159) 2025-11-27 00:20:09 +01:00
cheesecake.css
cherry_blossom.css
comfy.css
copper.css
creamsicle.css
cy_red.css
cyberspace.css
dark.css
dark_magic_girl.css
dark_note.css fix(theme): duplicate definition of fadeIn animation in dark note theme (@fehmer) (#7205) 2025-12-10 11:11:00 +01:00
darling.css chore: correct usage of font family (@fehmer) (#6793) 2025-07-28 15:45:34 +02:00
deku.css
desert_oasis.css
dev.css
diner.css
dino.css
discord.css
dmg.css chore: prettier upgrade (@miodec) (#7159) 2025-11-27 00:20:09 +01:00
dollar.css
dots.css chore: prettier upgrade (@miodec) (#7159) 2025-11-27 00:20:09 +01:00
dracula.css
drowning.css
dualshot.css
earthsong.css
everblush.css
evil_eye.css
ez_mode.css chore: remove dead leaderboards code 2025-09-10 12:26:25 +02:00
fire.css
fledgling.css
fleuriste.css
floret.css
froyo.css
frozen_llama.css
fruit_chew.css
fundamentals.css
future_funk.css
github.css
godspeed.css
graen.css
grand_prix.css
grape.css
gruvbox_dark.css
gruvbox_light.css
hammerhead.css
hanok.css
hedge.css
honey.css
horizon.css
husqy.css
iceberg_dark.css
iceberg_light.css
incognito.css fix(themes): clipped logo letters in some themes (@byseif21) (#6745) 2025-07-25 14:32:24 +02:00
ishtar.css
iv_clover.css
iv_spade.css
joker.css
laser.css
lavender.css chore: prettier upgrade (@miodec) (#7159) 2025-11-27 00:20:09 +01:00
leather.css
lil_dragon.css
lilac_mist.css chore: remove opacity 2025-08-24 13:52:45 +02:00
lime.css
luna.css
macroblank.css
magic_girl.css
mashu.css
matcha_moccha.css
material.css
matrix.css
menthol.css
metaverse.css
metropolis.css
mexican.css
miami.css
miami_nights.css
midnight.css
milkshake.css
mint.css
mizu.css
modern_dolch.css
modern_dolch_light.css
modern_ink.css
monokai.css
moonlight.css chore: prettier upgrade (@miodec) (#7159) 2025-11-27 00:20:09 +01:00
mountain.css
mr_sleeves.css
ms_cupcakes.css
muted.css
nautilus.css
nebula.css
night_runner.css
nord.css
nord_light.css
norse.css
oblivion.css
olive.css
olivia.css
onedark.css
our_theme.css
pale_nimbus.css feat(theme): added pale_nimbus (@conner-mcnicholas) (#7055) 2025-11-12 12:11:00 +01:00
paper.css
passion_fruit.css
pastel.css
peach_blossom.css
peaches.css
phantom.css chore: prettier upgrade (@miodec) (#7159) 2025-11-27 00:20:09 +01:00
pink_lemonade.css
pulse.css
purpleish.css
rainbow_trail.css chore: prettier upgrade (@miodec) (#7159) 2025-11-27 00:20:09 +01:00
red_dragon.css
red_samurai.css
repose_dark.css
repose_light.css
retro.css
retrocast.css
rgb.css
rose_pine.css
rose_pine_dawn.css
rose_pine_moon.css
rudy.css
ryujinscales.css
serika.css
serika_dark.css
sewing_tin.css
sewing_tin_light.css fix(themes): clipped logo letters in some themes (@byseif21) (#6745) 2025-07-25 14:32:24 +02:00
shadow.css
shoko.css
slambook.css
snes.css chore: prettier upgrade (@miodec) (#7159) 2025-11-27 00:20:09 +01:00
soaring_skies.css
solarized_dark.css
solarized_light.css
solarized_osaka.css
sonokai.css
spiderman.css feat(theme): add spiderman theme (@asifMalik78) (#7240) 2025-12-14 22:07:22 +01:00
stealth.css
strawberry.css
striker.css
suisei.css fix(themes): clipped logo letters in some themes (@byseif21) (#6745) 2025-07-25 14:32:24 +02:00
sunset.css
superuser.css
sweden.css
tangerine.css
taro.css chore: prettier upgrade (@miodec) (#7159) 2025-11-27 00:20:09 +01:00
terminal.css
terra.css
terrazzo.css chore: prettier upgrade (@miodec) (#7159) 2025-11-27 00:20:09 +01:00
terror_below.css
tiramisu.css
trackday.css
trance.css
tron_orange.css
vaporwave.css
vesper.css feat(theme): add Vesper Light (@SameerJS6) (#7040) 2025-11-13 15:34:51 +01:00
vesper_light.css feat(theme): add Vesper Light (@SameerJS6) (#7040) 2025-11-13 15:34:51 +01:00
viridescent.css
voc.css
vscode.css
watermelon.css
wavez.css
witch_girl.css