From 485bb28cc07562c05747409dccc08f3d1cc56706 Mon Sep 17 00:00:00 2001
From: Leonabcd123 <156839416+Leonabcd123@users.noreply.github.com>
Date: Fri, 15 May 2026 15:39:34 +0300
Subject: [PATCH 1/2] fix(keymap-legend-style): capitalize letters  when caps
 lock is enabled

---
 frontend/package.json              |  2 +-
 frontend/src/ts/elements/keymap.ts |  3 +++
 pnpm-lock.yaml                     | 12 ++++++------
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 4becddf31f10..7087bac2e111 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@date-fns/utc": "1.2.0",
-    "@leonabcd123/modern-caps-lock": "3.0.4",
+    "@leonabcd123/modern-caps-lock": "3.1.3",
     "@monkeytype/contracts": "workspace:*",
     "@monkeytype/funbox": "workspace:*",
     "@monkeytype/schemas": "workspace:*",
diff --git a/frontend/src/ts/elements/keymap.ts b/frontend/src/ts/elements/keymap.ts
index 558baa86051b..5cfd21bd21e3 100644
--- a/frontend/src/ts/elements/keymap.ts
+++ b/frontend/src/ts/elements/keymap.ts
@@ -8,6 +8,7 @@ import { showErrorNotification } from "../states/notifications";
 import { getActivePage } from "../states/core";
 import * as TestWords from "../test/test-words";
 import { capsState } from "../test/caps-warning";
+import { onCapsLockChange } from "@leonabcd123/modern-caps-lock";
 import * as ShiftTracker from "../test/shift-tracker";
 import * as AltTracker from "../test/alt-tracker";
 import * as KeyConverter from "../utils/key-converter";
@@ -704,3 +705,5 @@ document.addEventListener("keyup", (e) => {
     void updateLegends();
   }
 });
+
+onCapsLockChange(() => void updateLegends());
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a14f78f2320f..40581a6b97be 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -286,8 +286,8 @@ importers:
         specifier: 1.2.0
         version: 1.2.0
       '@leonabcd123/modern-caps-lock':
-        specifier: 3.0.4
-        version: 3.0.4
+        specifier: 3.1.3
+        version: 3.1.3
       '@monkeytype/contracts':
         specifier: workspace:*
         version: link:../packages/contracts
@@ -2908,8 +2908,8 @@ packages:
   '@kwsites/promise-deferred@1.1.1':
     resolution: {integrity: sha512-GaHYm+c0O9MjZRu0ongGBRbinu8gVAMd2UZjji6jVmqKtZluZnptXGWhz1E8j8D2HJ3f/yMxKAUC0b+57wncIw==}
 
-  '@leonabcd123/modern-caps-lock@3.0.4':
-    resolution: {integrity: sha512-GUUlmHBu3r6H9KaE9sCxqr0iTSLMev7vdzoovrotyaTSS+AtOrJNdptlWf2DnYAHG8U4EJ++mjyUJdNDjaYI9Q==}
+  '@leonabcd123/modern-caps-lock@3.1.3':
+    resolution: {integrity: sha512-A3nD8ez8AKAvGut8yZAyX2bjSi/nbK6Tb7h+lryO1JcqxqUHcvIZ4og4QTOn6USLzz6YGCLl8sDJYNo5eHtvXQ==}
 
   '@mapbox/node-pre-gyp@1.0.11':
     resolution: {integrity: sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==}
@@ -13262,7 +13262,7 @@ snapshots:
 
   '@eslint/eslintrc@3.3.3':
     dependencies:
-      ajv: 6.12.6
+      ajv: 6.15.0
       debug: 4.4.3
       espree: 10.4.0
       globals: 14.0.0
@@ -14030,7 +14030,7 @@ snapshots:
 
   '@kwsites/promise-deferred@1.1.1': {}
 
-  '@leonabcd123/modern-caps-lock@3.0.4': {}
+  '@leonabcd123/modern-caps-lock@3.1.3': {}
 
   '@mapbox/node-pre-gyp@1.0.11(encoding@0.1.13)':
     dependencies:

From aed119c8d7f1bf7566ebec323c526097e32185cd Mon Sep 17 00:00:00 2001
From: Leonabcd123 <156839416+Leonabcd123@users.noreply.github.com>
Date: Fri, 15 May 2026 18:13:20 +0300
Subject: [PATCH 2/2] Fix

---
 frontend/src/ts/elements/keymap.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/ts/elements/keymap.ts b/frontend/src/ts/elements/keymap.ts
index 5cfd21bd21e3..33a5ef11f3db 100644
--- a/frontend/src/ts/elements/keymap.ts
+++ b/frontend/src/ts/elements/keymap.ts
@@ -706,4 +706,6 @@ document.addEventListener("keyup", (e) => {
   }
 });
 
-onCapsLockChange(() => void updateLegends());
+onCapsLockChange(() => {
+  if (Config.keymapLegendStyle === "dynamic") void updateLegends();
+});