|
|
|
|
@ -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))
|
|
|
|
|
|