mirror of
https://github.com/immich-app/immich.git
synced 2025-06-19 13:38:04 -04:00
84e60ea155
* move from app.html to user-page-layout.svelte * fix: use layout.svelte * simplify * fix: map style don't change * fix: auto switch theme map * use constants * simplify * rename * rename settign * fix: remove * pr feedback * fix: tests * fix: migration * fix: migration * pr feedback * simplify * simplify * pr feedback * fix: merge * chore: set insetad of toggle on click --------- Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
18 lines
667 B
Svelte
18 lines
667 B
Svelte
<script lang="ts">
|
|
import { moonPath, moonViewBox, sunPath, sunViewBox } from '$lib/assets/svg-paths';
|
|
import { Theme } from '$lib/constants';
|
|
import { colorTheme, handleToggleTheme } from '$lib/stores/preferences.store';
|
|
import IconButton from '../elements/buttons/icon-button.svelte';
|
|
import Icon from '../elements/icon.svelte';
|
|
</script>
|
|
|
|
{#if !$colorTheme.system}
|
|
<IconButton on:click={handleToggleTheme} title="Toggle theme">
|
|
{#if $colorTheme.value === Theme.LIGHT}
|
|
<Icon path={moonPath} viewBox={sunViewBox} class="h-6 w-6" />
|
|
{:else}
|
|
<Icon path={sunPath} viewBox={moonViewBox} class="h-6 w-6" />
|
|
{/if}
|
|
</IconButton>
|
|
{/if}
|