Commit graph

116 commits

Author SHA1 Message Date
Miodec
29fb547978 chore: remove dead leaderboards code 2025-09-10 12:26:25 +02:00
Miodec
55bbedbcc3 chore: remove opacity 2025-08-24 13:52:45 +02:00
Tim Boex
e6dc6d16c8
fix: 8008 theme duplicate sub-alt-color (@tboex) (#6879)
### Description

the 8008 theme had a duplicate `--sub-alt-color` set to `#000000`

### 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` 
- [ ] Adding a theme?
- Make sure to follow the [themes
documentation](https://github.com/monkeytypegame/monkeytype/blob/master/docs/THEMES.md)
  - [ ] Add theme to `packages/schemas/src/themes.ts`
  - [ ] Add theme to `frontend/src/ts/constants/themes.ts`
  - [ ] Add theme css file to `frontend/static/themes`
- [ ] 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`
- [O] Check if any open issues are related to this PR; if so, be sure to
tag them below.
- [O] Make sure the PR title follows the Conventional Commits standard.
(https://www.conventionalcommits.org for more info)
- [O] Make sure to include your GitHub username prefixed with @ inside
parentheses at the end of the PR title.

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

<!-- I know I know they seem boring but please do them, they help us and
you will find out it also helps you.-->
2025-08-14 11:16:03 +02:00
Christian Fehmer
a9a99947a1
chore: correct usage of font family (@fehmer) (#6793) 2025-07-28 15:45:34 +02:00
Seif Soliman
2fc7aa5981
fix(themes): clipped logo letters in some themes (@byseif21) (#6745)
### Description

all themes that use `background-clip: text` should have the
`padding-bottom: 0.1em` to prevent the cut logo letters.

---------

Co-authored-by: Miodec <jack@monkeytype.com>
2025-07-25 14:32:24 +02:00
Christian Fehmer
4fe11aceee
fix(theme): dark note and reduced-motion not replacing letters with circles (@fehmer) (#6589) 2025-05-26 16:02:15 +02:00
Seif Soliman
b34c179114
fix: smooth transition for theme palette icon in chaos_theory theme (@byseif21) (#6560)
### Description

fix the transition animation for the theme palette icon in the
chaos_theory theme.

hovering over the current theme button would trigger a smooth 180° flip
of the palette icon. However, when quickly moving the cursor away, the
icon would abruptly snap back to its original position instead of
transitioning smoothly.
### Before: 


https://github.com/user-attachments/assets/55b6683a-c83b-4f93-806b-bf289bf30c5f

-------------


### Now:



https://github.com/user-attachments/assets/59d08d45-ba2d-4921-9cc4-ee84455a0571
2025-05-13 16:42:55 +02:00
Christian Fehmer
5ab7bfb438
refactor: move themes list to typescript (@fehmer) (#6489)
Co-authored-by: fehmer <3728838+fehmer@users.noreply.github.com>
2025-05-05 13:30:09 +02:00
cdd
ff10baca5e
feat(theme): add sunset theme (@catdogdonkey) (#6467)
### Description

Just added a new theme (I tried my best to not make this similar to any
themes, but if it is similar to one, please tell me!)

#### Screenshots

![sunset
home](https://github.com/user-attachments/assets/dc02a1b8-047e-4097-a9a4-d42998116fdb)

![sunset
test](https://github.com/user-attachments/assets/ffc61f2b-43bd-4ef3-953a-0495a22721b7)

![sunset
settings](https://github.com/user-attachments/assets/bf74a5ee-346e-4f14-9ec9-d3ea4d293c03)

![sunset
values](https://github.com/user-attachments/assets/cf87d0d7-b954-4862-b5ec-8d14ffea5d5f)


### 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.-->
2025-04-19 13:43:31 +02:00
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
Christian Fehmer
644c59cd9b
fix(theme): inconsistent/unreadable styling on settings page when using phantom theme (@fehmer) (#6446)
1. Some buttons have the color animation set like funboxes on the
settings page while others have not:

![image](https://github.com/user-attachments/assets/6c4f1ecc-6a94-4e0f-9643-6dde901f8506)

2. On the active theme button the effects overlap making it unreadable:

![image](https://github.com/user-attachments/assets/d2784c9c-34c2-40c6-8e30-5d47a39ff5f4)

3. On the footer color effect was applied to the `textButton` (like
github, discord links) but not `button` (like contract and support).
This applies to all animated themes.
2025-04-17 14:31:56 +02:00
Goldy Yan
f63b966e2c
feat(theme): add Phantom (@Cybertaco360) (#6348)
### Description

Added new theme "Phantom", a dark and light blue theme utilizing
glowing. (Originally going to be Tokyo Night if someone wants to make
one)

### Checks

 - [ ] Adding quotes?
- [x] 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!
- [ ] 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.-->

<!-- 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! :) -->


![image](https://github.com/user-attachments/assets/8800c232-4321-4f17-8570-52c2c7001acf)

![image](https://github.com/user-attachments/assets/31e7e98e-dddc-42b7-8bd5-9bf91cdce620)

![image](https://github.com/user-attachments/assets/5406c864-fb67-49c0-b84c-7ba4493dd811)

![image](https://github.com/user-attachments/assets/d9fbe5bd-2241-4407-85fa-7c7aed25046b)
2025-03-18 13:44:29 +01:00
Miodec
a3bd06950b fix(theme): adjust error colors in ms cupcakes theme
closes #6370
2025-03-17 12:20:46 +01:00
Hemram Kumarapu
94a320eb26
feat(theme): add solarized osaka (@H4-MM-3R) (#6287) 2025-02-27 11:29:16 +01:00
Antoine Lethimonnier
a3bbf218f4
style(dark note theme): fix roundness variable affecting account menu (@WarningImHack3r) (#6238) 2025-02-07 21:57:17 +01:00
Kevin Rosenberg
c36952af37
feat(theme): add github (@KevinRnbrg) (#6193)
### Description

Added new theme "github" with colors used from GitHub.

### 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!
- [ ] 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.

Theme screenshots:

![typing](https://github.com/user-attachments/assets/c5343d2c-4070-4839-ac06-38468cc9a294)

![result](https://github.com/user-attachments/assets/164e0c61-1d98-4b14-933a-c4c2dd62e913)

![settings](https://github.com/user-attachments/assets/8d051708-8df5-42f8-83e2-aecf8ee854ee)

![profile_1](https://github.com/user-attachments/assets/40c481e6-43a9-4cfd-afd4-5097e680dabb)

![profile_2](https://github.com/user-attachments/assets/0446777f-e04f-4b1b-9f0c-2f1fdef90c2e)
2025-02-03 15:05:47 +01:00
Christian Fehmer
a0b12690f9
fix: blind mode not working in dark note theme (@fehmer) (#6186)
Errors are still shown in blind mode when using the dark note theme.

Fixes #6185
2025-01-16 18:39:08 +01:00
Vishal Narayan V
599488db51
feat(language): add tamil old (@VIZL-23) (#6141)
### Description

Added the version of Old Tamil Language(similar to old English,these
words were used in plays and poems) words to the group of Tamil

### Checks

- [x] Adding a language or a theme?
- [x] If is a language, did you edit `_list.json`, `_groups.json` and
add `languages.json`?
- [x] Make sure to include your GitHub username prefixed with @ inside
parentheses at the end of the PR title.
2025-01-06 12:00:05 +01:00
Christian Fehmer
dd657acb24
fix: dark note theme dots being too big (@fehmer) (#5893)
Dots for correct letters are too big: 

![image](https://github.com/user-attachments/assets/35aca184-54c4-4fa6-a49c-2e5bfa0a53eb)

Signed-off-by: Christian Fehmer <cfe@sexy-developer.com>
2024-09-17 09:43:27 +02:00
Jam Moonbami
14277538c3
feat(themes): add suisei theme (@moonbamijam) (#5820)
Co-authored-by: Christian Fehmer <fehmer@users.noreply.github.com>
Co-authored-by: Christian Fehmer <cfe@sexy-developer.com>
2024-09-09 17:34:03 +02:00
Miodec
14c121b9ff style: fix some themes not working well with the new header menu 2024-08-21 11:27:49 +02:00
Jack
47e52f0b15
impr: move account settings to a separate page (@miodec) (#5798) 2024-08-20 16:43:30 +02:00
Jack
9f924f345e
refactor: rework highlight mode, colorful, flipped and blind to pure css (#5568) 2024-07-09 17:34:15 +02:00
Christian Fehmer
4f29aa55aa
fix: mexican theme sub alt color (@fehmer) (#5552) 2024-07-02 22:58:51 +02:00
Christian Fehmer
e61b377e9a
feat(theme): add terrazzo (@fehmer) (#5539)
* feat: add terrazzo theme

* typo

* update main color

* whoopsie

* review comments
2024-07-01 13:55:53 +02:00
Christian Fehmer
d0e9206c1b
fix(themes): mexican theme being unreadable (@fehmer) (#5536) 2024-06-27 13:32:35 +02:00
SANDHIYA G
76eb104f37
feat(theme): add lilac mist (sandyg6) (#5415)
* feat(theme):Add lilac_mist

* feat(theme): Add updated lilac_mist.css

* Update _list.json

* feat(theme): Add theme lilac_mist

* Add lilac_mist.css

* Add Updated _list.json

* Add updated lilac_mist.css

* increase color separation

darker text
pinker main
lighter sub

---------

Co-authored-by: Miodec <jack@monkeytype.com>
2024-06-10 16:18:35 +02:00
github-actions[bot]
40d0a36f4d
refactor: run prettier (#5419)
Co-authored-by: monkeytypegeorge <monkeytypegeorge@gmail.com>
2024-05-20 12:26:39 +02:00
Harsh Natuskar
66f6b7c355
feat(theme): add floret (hurrrsh) (#5392)
* Create floret.css

* Update _list.json

* Update _list.json

* Update floret.css
2024-05-15 16:12:51 +02:00
Tanish
f1a1432066
fix(9009): removed double colorful-error-color (Taz03) (#5384)
!nuf
2024-05-13 11:56:43 +02:00
StickminBruv
e6d020abb7
feat(themes): add cy red (StickminBruv) (#5375)
* Create cy_red.css

Going to add error colors soon

* Update _list.json

Added theme to list

* Update _list.json

Added a comma to fix one of the checks

* Update _list.json

Added bracket to fix a check

* Update cy_red.css

Added brand new error colors to comply with "red theme, red error" thing

* Update _list.json

Fixed bracket i think

* Update _list.json

Added a "
bruh moment

* Update _list.json

Added a comma
2024-05-13 11:48:32 +02:00
Jack
79f77b80eb
refactor: live stats (#5352) 2024-05-02 17:33:17 +02:00
sithydev :v
af9be52711
feat(theme): add discord (sithydev) (#5297) 2024-04-12 11:12:11 +02:00
Christian Fehmer
3cbf0bda4c
feat: add incognito theme (fehmer) (#5272)
* feat: add incognito theme

* fix p and t being cut at the bottom
2024-04-05 13:09:51 +02:00
refact0r
7c4435e14b
impr(theme): update catppuccin (refact0r) (#5247) 2024-03-25 12:53:27 +01:00
Jack
3c4212b718
refactor: commandline (#5180)
* initial rewrite

* remove title

* remove from dom on hide

* actual command dom
show active
keep active in view
update active index on keypress

* global event only shows commandline

* impr(dev): showing notifications with unhandled errors

* rename functions

* handle hover functions
handle nesting
handle exec
attaching handlers once

* void promise

* no need for async

* move font preview to ui

* add configkey to command

* add function to build single list

* add mouse mode
clearing preview on hide
add config icon

* using new function

* use fw icon

* fix incorrect type

* extract logic

* add support for input commands

* unused error

* update single list

* chevron icon margin

* only focusing when no popups and words are visible

* extract condition

* better type

* remove no icon

* only showing when nothing is already visible

* commandline lists no longer modify the commandline element
dynamically changing which funbox commnands are available
modified searching approach
showing active settings in single mode again
calling before list if needed

* ignore keydown on page transition

* add other ways to show the commandline

* always clearing previews

* incorrect icon being used

* extract logic

* support quick single list mode by starting input with >

* fix test words not being focused

* showing all if in quick single mode

* remove unused code

* rename entry to command

* remove more unused code

* add data- prefix

* rename to data-command-id

* fix input commands not refocusing words

* fix fontsize change not working as intended

* set active index to 0 when going back

* keeping active command in view

* remove console logs

* fix quick single mode

* move file

* add footer events

* add option for subgroup override
fix issue where commands would get hidden after clearing input field
fixed auto scrolling in mouse mode

* rename commands to lists

* add background after to avoid flashing

* getting config key from active subgroup

* updating active command after removing hidden class but before animating

* fix nasty hover behavior

* updating active before animation showing, keeping active after

* add keymap event

* remove comments

* invert if, use return, combine ifs to reduce nesting

* add test event

* popups events

* fix some commands not showing up on a single list

* use new animated modal

* use regex escaping function from misc

* add singlelistdisplay and singlelistdisplaynoicon properties

* add more navigation aliases

* not adding alias if not needed

* rework command filtering

* fix active icon not working

* add custom hide handlers

* fix active command not being kept in view after showing

* unused imports

* remove commandlinelists imports from other files

* delete old file

* remove unused file

* import commandline dynamically

* fix: if skeleton has wrapper, append before building animated modal

* using new parameters

* save skeleton on ready

* rename folder

* add util to get async modules

* remove empty imports

* remove unnecessary code

* unnecessary void

* catching errors and notifying user

* better error message

* making sure all the lists are fetched before getting the single command list

* add tab navigation
2024-03-05 19:34:35 +01:00
mizaagi
becb66dab6
feat(theme): add anti hero theme (mizaagi) (#5018)
* Create anti_hero.css

* Update _list.json

* updated colors

* Update anti_hero.css

fix color scheme

* Update _list.json

fix color scheme

* Update anti_hero.css

hopefully the final change to this theme.

* Update _list.json

hopefully the final change to this theme.

* update text color

* Update anti_hero.css

New error color fix

---------

Co-authored-by: Jack <jack@monkeytype.com>
2024-02-26 13:53:37 +01:00
Miodec
3e591635e5 refactor: pretty fix 2024-02-22 13:07:28 +01:00
Exploration
c29220323b
feat(theme): add macroblank theme (TheExploration) (#5088) 2024-02-21 13:42:33 +01:00
github-actions[bot]
fc925a7e55
refactor: run prettier (#5077)
Co-authored-by: monkeytypegeorge <monkeytypegeorge@gmail.com>
Co-authored-by: Jack <jack@monkeytype.com>
2024-02-18 01:52:41 +01:00
mokshsinghji
24975e5d01
fix: pressing space too early with the dark note theme doesnt highlight the word as incorrect (mokshsinghji) (#5052) 2024-02-14 12:41:42 +01:00
Denis Alex
933df63ecc
feat(theme): Added tangerine theme (devdenisalex) (#5047)
* Create tangerine.css

* Update _list.json

* Update _list.json

* Update tangerine.css

* Update tangerine.css

* Update tangerine.css

---------

Co-authored-by: Jack <jack@monkeytype.com>
2024-02-14 12:09:59 +01:00
Jack
8f7b82b9d9
Revert "feat(theme): add tangerine theme (devdenisalex) (#5045)" (#5046)
This reverts commit cbc8930e85.
2024-02-13 13:13:14 +01:00
Denis Alex
cbc8930e85
feat(theme): add tangerine theme (devdenisalex) (#5045)
* Create tangerine.css

* Update _list.json

* Update _list.json

* Update tangerine.css

---------

Co-authored-by: Jack <jack@monkeytype.com>
2024-02-13 13:12:38 +01:00
Christian Fehmer
56ab68a383
fix(theme): dark note not replacing words with dots in some highlight modes (fehmer) (#4951) 2024-01-22 21:32:03 +08:00
Anas saifi
2c01de48f0
impr(quotes): add Hindi quotes (#4895)
* Added 10  hindi quotes

* fixed length count

* added new theme (mystic_night)

* Delete frontend/static/themes/mystic_night.css

* Delete frontend/static/themes/_list.json

* fixed conflicting issues

* Added missing _list.json

* fix indentation

---------

Co-authored-by: Miodec <jack@monkeytype.com>
2024-01-18 10:53:40 +01:00
Christian Fehmer
de82a67ab2
fix: ligatures not displayed correctly with dark_note theme (fehmer) (#4914) 2024-01-15 12:29:55 +01:00
Christian Fehmer
bd2058fae0
fix: crt mode not working on some buttons (fehmer) (#4810)
- apply box-shadow on buttons
- fix lavender theme hiding buttons on hover
- update crt mode specific themes not to use nested css
2023-11-27 12:56:33 +00:00
github-actions[bot]
cf2ff913eb
Prettier fix (#4708)
Co-authored-by: monkeytypegeorge <monkeytypegeorge@gmail.com>
2023-10-07 21:02:58 -04:00
Yen Cheng
7708f624bc
chore: fix nord.css syntax error (ridemountainpig) (#4693) 2023-10-03 12:24:38 +01:00