mirror of
https://github.com/immich-app/immich.git
synced 2026-02-02 17:13:50 -05:00
32 lines
963 B
Svelte
32 lines
963 B
Svelte
<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))
|
|
?.loader() ?? defaultLang.loader() then { default: translations }}
|
|
<ThemeSwitcher
|
|
size="medium"
|
|
color="secondary"
|
|
{translations}
|
|
onChange={(theme) => themeManager.setTheme(theme == 'dark' ? Theme.DARK : Theme.LIGHT)}
|
|
/>
|
|
{/await}
|
|
{/if}
|