mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2026-01-03 22:15:07 +08:00
bb6e0d9824
### Description Adds Vesper Light and Oscura themes. Oscura by [Fey](https://github.com/narative/oscura). <!-- 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. - [ ] 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` - [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.--> Closes # <!-- 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! :) --> ## Preview ### Vesper Light #### Home Route <img width="1920" height="1440" alt="vesper-light" src="https://github.com/user-attachments/assets/f2f43ecf-ee63-4797-a8e0-781c6879551f" /> #### Settings Route <img width="1200" height="676" alt="80_1x_shots_so" src="https://github.com/user-attachments/assets/e595faa9-9731-4aef-bc0e-95f882391289" /> #### Result Route <img width="1200" height="676" alt="908_1x_shots_so" src="https://github.com/user-attachments/assets/b86a7bae-dacf-4eba-b987-0620ee533d33" /> ### Oscura #### Home Route <img width="1920" height="1440" alt="789_1x_shots_so" src="https://github.com/user-attachments/assets/80c3f950-ef60-4ef1-aa35-9cc1c436b426" /> #### Settings Route <img width="1920" height="1440" alt="194_1x_shots_so" src="https://github.com/user-attachments/assets/08bf81d9-6a6f-4edc-89f2-ed9106a465b0" /> #### Result Route <img width="1920" height="1440" alt="95_1x_shots_so" src="https://github.com/user-attachments/assets/0d1ee6a5-78e6-4c66-a5e0-b2ab422ffe4e" /> ### Toasts Theme For Vesper Light & Oscura <img width="1920" height="1440" alt="585_1x_shots_so" src="https://github.com/user-attachments/assets/b658811d-3303-4079-9e30-57d465093d04" /> |
||
|---|---|---|
| .. | ||
| 80s_after_dark.css | ||
| 8008.css | ||
| 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 | ||
| 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 | ||
| darling.css | ||
| deku.css | ||
| desert_oasis.css | ||
| dev.css | ||
| diner.css | ||
| dino.css | ||
| discord.css | ||
| dmg.css | ||
| dollar.css | ||
| dots.css | ||
| dracula.css | ||
| drowning.css | ||
| dualshot.css | ||
| earthsong.css | ||
| everblush.css | ||
| evil_eye.css | ||
| ez_mode.css | ||
| 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 | ||
| ishtar.css | ||
| iv_clover.css | ||
| iv_spade.css | ||
| joker.css | ||
| laser.css | ||
| lavender.css | ||
| leather.css | ||
| lil_dragon.css | ||
| lilac_mist.css | ||
| 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 | ||
| 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 | ||
| paper.css | ||
| passion_fruit.css | ||
| pastel.css | ||
| peach_blossom.css | ||
| peaches.css | ||
| phantom.css | ||
| pink_lemonade.css | ||
| pulse.css | ||
| purpleish.css | ||
| rainbow_trail.css | ||
| 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 | ||
| shadow.css | ||
| shoko.css | ||
| slambook.css | ||
| snes.css | ||
| soaring_skies.css | ||
| solarized_dark.css | ||
| solarized_light.css | ||
| solarized_osaka.css | ||
| sonokai.css | ||
| stealth.css | ||
| strawberry.css | ||
| striker.css | ||
| suisei.css | ||
| sunset.css | ||
| superuser.css | ||
| sweden.css | ||
| tangerine.css | ||
| taro.css | ||
| terminal.css | ||
| terra.css | ||
| terrazzo.css | ||
| terror_below.css | ||
| tiramisu.css | ||
| trackday.css | ||
| trance.css | ||
| tron_orange.css | ||
| vaporwave.css | ||
| vesper.css | ||
| vesper_light.css | ||
| viridescent.css | ||
| voc.css | ||
| vscode.css | ||
| watermelon.css | ||
| wavez.css | ||
| witch_girl.css | ||