public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-09 21:13:45 +09:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

feat(web): toggle theme shortcut (#22139)

Browse Source
This commit is contained in:
Jason Rasmussen
2025-09-17 12:12:23 -04:00
committed by GitHub
parent 6bb8903b05
commit 0b20d1df9f
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/lib/components/shared-components/theme-button.svelte
View File

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