monkeytype/frontend/static/themes
Sameer Singh 6acaeb41f1
feat(theme): add Vesper theme (@SameerJS6) (#6443)
### Description
Adds Vesper theme. Based on Vesper for VSCode theme from [Rauno
Freiberg](https://github.com/raunofreiberg/vesper)

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

### Checks

- [ ] Adding quotes?
- [ ] Make sure to include translations for the quotes in the
description (or another comment) so we can verify their content.
- [x] Adding a language or a theme?
- [ ] If is a language, did you edit `_list.json`, `_groups.json` and
add `languages.json`?
  - [x] If is a theme, did you add the theme.css?
- Also please add a screenshot of the theme, it would be extra awesome
if you do so!
- [x] 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.-->

## Preview

### Main Page:

![vesper-monkey-type](https://github.com/user-attachments/assets/4d1f7ac0-b139-42e9-b588-e3e9edeae809)

### Settings Page:
![vesper monkey type
settings](https://github.com/user-attachments/assets/274a7551-5555-483e-85c3-efd47797edac)

### Toasts:
#### Error Toast:


![image](https://github.com/user-attachments/assets/8cdc4d20-08b7-4c82-94aa-a3ee55fd779e)

#### Info Toast:


![image](https://github.com/user-attachments/assets/0b40e90d-cd23-4248-b39a-ad3340e46d32)

#### Success Toast:


![image](https://github.com/user-attachments/assets/405d010f-e790-4a32-97d2-2a051b85ec0e)


<!-- 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! :) -->
2025-04-17 14:48:04 +02:00
..
80s_after_dark.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
8008.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
9009.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
_list.json feat(theme): add Vesper theme (@SameerJS6) (#6443) 2025-04-17 14:48:04 +02:00
aether.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
alduin.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
alpine.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
anti_hero.css feat(theme): add anti hero theme (mizaagi) (#5018) 2024-02-26 13:53:37 +01:00
arch.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
aurora.css fix(theme): inconsistent/unreadable styling on settings page when using phantom theme (@fehmer) (#6446) 2025-04-17 14:31:56 +02:00
beach.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
bento.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
bingsu.css refactor: use nav instead of a div 2023-09-19 23:53:13 +01:00
bliss.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
blue_dolphin.css Changed the colorful mode error colour to be more readable for the blue dolphin theme (#3433) seieeshb 2022-08-24 12:41:33 +02:00
blueberry_dark.css refactor: use id instead of class 2023-09-23 12:17:49 +01:00
blueberry_light.css refactor: use id instead of class 2023-09-23 12:17:49 +01:00
botanical.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
bouquet.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
breeze.css Breeze Theme (#4032) trevorwrightdev 2023-03-01 10:45:33 +01:00
bushido.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
cafe.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
camping.css refactor: use id instead of class 2023-09-23 12:17:49 +01:00
carbon.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
catppuccin.css impr(theme): update catppuccin (refact0r) (#5247) 2024-03-25 12:53:27 +01:00
chaos_theory.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
cheesecake.css refactor: use id instead of class 2023-09-23 12:17:49 +01:00
cherry_blossom.css added cherry blossom theme (#4057) mushytoast 2023-03-10 14:22:42 +01:00
comfy.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
copper.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
creamsicle.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
cy_red.css feat(themes): add cy red (StickminBruv) (#5375) 2024-05-13 11:48:32 +02:00
cyberspace.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
dark.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
dark_magic_girl.css Changed dark magic girl caret color for visibility issues (#3050) wizpizz 2022-06-01 17:18:37 +02:00
dark_note.css style(dark note theme): fix roundness variable affecting account menu (@WarningImHack3r) (#6238) 2025-02-07 21:57:17 +01:00
darling.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
deku.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
desert_oasis.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
dev.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
diner.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
dino.css updated dino theme 2022-05-16 18:53:58 +02:00
discord.css feat(theme): add discord (sithydev) (#5297) 2024-04-12 11:12:11 +02:00
dmg.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
dollar.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
dots.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
dracula.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
drowning.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
dualshot.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
earthsong.css Adding new theme earthsong and fixing typo on THEMES.md (#3756) Guillermo-N 2022-11-21 13:24:48 +01:00
everblush.css Created Everblush theme (#4211) tuzu128 2023-04-24 16:05:11 +02:00
evil_eye.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
ez_mode.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
fire.css fix(theme): inconsistent/unreadable styling on settings page when using phantom theme (@fehmer) (#6446) 2025-04-17 14:31:56 +02:00
fledgling.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
fleuriste.css refactor: use nav instead of a div 2023-09-19 23:53:13 +01:00
floret.css refactor: run prettier (#5419) 2024-05-20 12:26:39 +02:00
froyo.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
frozen_llama.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
fruit_chew.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
fundamentals.css refactor: use id instead of class 2023-09-23 12:17:49 +01:00
future_funk.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
github.css feat(theme): add github (@KevinRnbrg) (#6193) 2025-02-03 15:05:47 +01:00
godspeed.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
graen.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
grand_prix.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
grape.css fix(theme): inconsistent/unreadable styling on settings page when using phantom theme (@fehmer) (#6446) 2025-04-17 14:31:56 +02:00
gruvbox_dark.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
gruvbox_light.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
hammerhead.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
hanok.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
hedge.css add hedge theme (#3137) devkennyy 2022-06-16 11:37:31 +02:00
honey.css updated sub alt color 2022-04-08 22:22:32 +02:00
horizon.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
husqy.css refactor: live stats (#5352) 2024-05-02 17:33:17 +02:00
iceberg_dark.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
iceberg_light.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
incognito.css feat: add incognito theme (fehmer) (#5272) 2024-04-05 13:09:51 +02:00
ishtar.css refactor: use id instead of class 2023-09-23 12:17:49 +01:00
iv_clover.css New Theme : iv (#3540) riyuzenn 2022-09-26 11:26:32 +02:00
iv_spade.css New Theme : iv (#3540) riyuzenn 2022-09-26 11:26:32 +02:00
joker.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
laser.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
lavender.css fix: crt mode not working on some buttons (fehmer) (#4810) 2023-11-27 12:56:33 +00:00
leather.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
lil_dragon.css refactor: use nav instead of a div 2023-09-19 23:53:13 +01:00
lilac_mist.css feat(theme): add lilac mist (sandyg6) (#5415) 2024-06-10 16:18:35 +02:00
lime.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
luna.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
macroblank.css refactor: pretty fix 2024-02-22 13:07:28 +01:00
magic_girl.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
mashu.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
matcha_moccha.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
material.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
matrix.css refactor: live stats (#5352) 2024-05-02 17:33:17 +02:00
menthol.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
metaverse.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
metropolis.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
mexican.css fix: mexican theme sub alt color (@fehmer) (#5552) 2024-07-02 22:58:51 +02:00
miami.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
miami_nights.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
midnight.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
milkshake.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
mint.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
mizu.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
modern_dolch.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
modern_dolch_light.css style: fix modern dolch light low contrast 2023-09-26 13:58:44 +01:00
modern_ink.css refactor: use nav instead of a div 2023-09-19 23:53:13 +01:00
monokai.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
moonlight.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
mountain.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
mr_sleeves.css refactor: use id instead of class 2023-09-23 12:17:49 +01:00
ms_cupcakes.css fix(theme): adjust error colors in ms cupcakes theme 2025-03-17 12:20:46 +01:00
muted.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
nautilus.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
nebula.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
night_runner.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
nord.css Prettier fix (#4708) 2023-10-07 21:02:58 -04:00
nord_light.css Add nord light theme (#3978) ithelor 2023-02-07 11:29:14 +01:00
norse.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
oblivion.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
olive.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
olivia.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
onedark.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
our_theme.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
paper.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
passion_fruit.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
pastel.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
peach_blossom.css Fix prettier issues (#3078) 2022-06-07 12:02:03 -04:00
peaches.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
phantom.css fix(theme): inconsistent/unreadable styling on settings page when using phantom theme (@fehmer) (#6446) 2025-04-17 14:31:56 +02:00
pink_lemonade.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
pulse.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
purpleish.css impr(themes): update nord and purpurite (ehanahamed) (#4668) 2023-10-02 15:42:25 +01:00
rainbow_trail.css impr: move account settings to a separate page (@miodec) (#5798) 2024-08-20 16:43:30 +02:00
red_dragon.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
red_samurai.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
repose_dark.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
repose_light.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
retro.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
retrocast.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
rgb.css fix(theme): inconsistent/unreadable styling on settings page when using phantom theme (@fehmer) (#6446) 2025-04-17 14:31:56 +02:00
rose_pine.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
rose_pine_dawn.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
rose_pine_moon.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
rudy.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
ryujinscales.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
serika.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
serika_dark.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
sewing_tin.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
sewing_tin_light.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
shadow.css fix(theme): inconsistent/unreadable styling on settings page when using phantom theme (@fehmer) (#6446) 2025-04-17 14:31:56 +02:00
shoko.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
slambook.css Prettier fix (#4006) 2023-02-18 19:28:19 -05:00
snes.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
soaring_skies.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
solarized_dark.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
solarized_light.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
solarized_osaka.css feat(theme): add solarized osaka (@H4-MM-3R) (#6287) 2025-02-27 11:29:16 +01:00
sonokai.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
stealth.css refactor: live stats (#5352) 2024-05-02 17:33:17 +02:00
strawberry.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
striker.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
suisei.css feat(themes): add suisei theme (@moonbamijam) (#5820) 2024-09-09 17:34:03 +02:00
superuser.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
sweden.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
tangerine.css refactor: run prettier (#5077) 2024-02-18 01:52:41 +01:00
taro.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
terminal.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
terra.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
terrazzo.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
terror_below.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
tiramisu.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
trackday.css style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
trance.css fix(theme): inconsistent/unreadable styling on settings page when using phantom theme (@fehmer) (#6446) 2025-04-17 14:31:56 +02:00
tron_orange.css Fix prettier issues (#3078) 2022-06-07 12:02:03 -04:00
vaporwave.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
vesper.css feat(theme): add Vesper theme (@SameerJS6) (#6443) 2025-04-17 14:48:04 +02:00
viridescent.css Hide favourite quote button for unauthenticated user (#3709) Prajwalrajbasnet 2022-10-31 14:49:25 +01:00
voc.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
vscode.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
watermelon.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
wavez.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00
witch_girl.css Added sub alt color, fixed various styling inconsistencies (#2804) 2022-04-07 22:04:43 +02:00