From 0b20d1df9fa16cb5c39f86492d39958b86aa7a7d Mon Sep 17 00:00:00 2001
From: Jason Rasmussen <jason@rasm.me>
Date: Wed, 17 Sep 2025 12:12:23 -0400
Subject: [PATCH] feat(web): toggle theme shortcut (#22139)

---
 .../components/shared-components/theme-button.svelte  | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/web/src/lib/components/shared-components/theme-button.svelte b/web/src/lib/components/shared-components/theme-button.svelte
index 17b0b539ee..1c04d855da 100644
--- a/web/src/lib/components/shared-components/theme-button.svelte
+++ b/web/src/lib/components/shared-components/theme-button.svelte
@@ -1,11 +1,22 @@
 <script lang="ts">
+  import { shortcut } from '$lib/actions/shortcut';
   import { defaultLang, langs, Theme } from '$lib/constants';
   import { themeManager } from '$lib/managers/theme-manager.svelte';
   import { lang } from '$lib/stores/preferences.store';
   import { ThemeSwitcher } from '@immich/ui';
   import { get } from 'svelte/store';
+
+  const handleToggleTheme = () => {
+    if (themeManager.theme.system) {
+      return;
+    }
+
+    themeManager.toggleTheme();
+  };
 </script>
 
+<svelte:window use:shortcut={{ shortcut: { key: 't', alt: true }, onShortcut: () => handleToggleTheme() }} />
+
 {#if !themeManager.theme.system}
   {#await langs
     .find((item) => item.code === get(lang))