From 1b42bc22c24657c5f2cb0f9b04bfc612d46c50fb Mon Sep 17 00:00:00 2001 From: Sashazach Date: Sun, 28 Dec 2025 18:45:50 +0100 Subject: [PATCH 1/5] initial v1 of colorblind assist --- resources/lang/en.json | 2 + src/client/UserSettingModal.ts | 17 +++ src/client/graphics/TeammateGlow.ts | 51 ++++++++ src/client/graphics/layers/SettingsModal.ts | 30 +++++ src/client/graphics/layers/TerritoryLayer.ts | 120 ++++++++++++++++++- src/core/game/UserSettings.ts | 8 ++ 6 files changed, 225 insertions(+), 3 deletions(-) create mode 100644 src/client/graphics/TeammateGlow.ts diff --git a/resources/lang/en.json b/resources/lang/en.json index c2e03cedcf..e1e01d2c76 100644 --- a/resources/lang/en.json +++ b/resources/lang/en.json @@ -371,6 +371,8 @@ "tab_keybinds": "Keybinds", "dark_mode_label": "Dark Mode", "dark_mode_desc": "Toggle the site’s appearance between light and dark themes", + "color_blind_label": "Color-blind assist", + "color_blind_desc": "Adds visual aid to make spotting teammates during spawn phase easier", "emojis_label": "Emojis", "emojis_desc": "Toggle whether emojis are shown in game", "alert_frame_label": "Alert Frame", diff --git a/src/client/UserSettingModal.ts b/src/client/UserSettingModal.ts index 39f2967c77..d7c9c6ce86 100644 --- a/src/client/UserSettingModal.ts +++ b/src/client/UserSettingModal.ts @@ -107,6 +107,14 @@ export class UserSettingModal extends LitElement { console.log("🌙 Dark Mode:", enabled ? "ON" : "OFF"); } + private toggleColorBlind(e: CustomEvent<{ checked: boolean }>) { + const enabled = e.detail?.checked; + if (typeof enabled !== "boolean") return; + + this.userSettings.set("settings.colorBlind", enabled); + this.requestUpdate(); + } + private toggleEmojis(e: CustomEvent<{ checked: boolean }>) { const enabled = e.detail?.checked; if (typeof enabled !== "boolean") return; @@ -282,6 +290,15 @@ export class UserSettingModal extends LitElement { this.toggleDarkMode(e)} > + + + + +