github-mirrors/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-03-01 18:19:10 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: ensure theme stays in sync with @immich/ui (#25922)

Browse Source
This commit is contained in:
Michel Heusschen
2026-02-05 14:36:20 +01:00
committed by GitHub
parent e97030a7ae
commit 57e0835b46
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/lib/managers/theme-manager.svelte.ts
View File

@@ -2,7 +2,7 @@ import { browser } from '$app/environment';
import { Theme } from '$lib/constants'; import { Theme } from '$lib/constants';
import { eventManager } from '$lib/managers/event-manager.svelte'; import { eventManager } from '$lib/managers/event-manager.svelte';
import { PersistedLocalStorage } from '$lib/utils/persisted'; import { PersistedLocalStorage } from '$lib/utils/persisted';
import { theme as uiTheme, type Theme as UiTheme } from '@immich/ui'; import { onThemeChange as onUiThemeChange, theme as uiTheme, type Theme as UiTheme } from '@immich/ui';
export interface ThemeSetting { export interface ThemeSetting {
value: Theme; value: Theme;
@@ -55,15 +55,14 @@ class ThemeManager {
} }
#onAppInit() { #onAppInit() {
globalThis.matchMedia('(prefers-color-scheme: dark)').addEventListener( const syncSystemTheme = () => {
'change', this.#update(this.theme.system ? 'system' : this.theme.value);
() => { };
if (this.theme.system) {
this.#update('system'); syncSystemTheme();
} globalThis.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', syncSystemTheme, {
}, passive: true,
{ passive: true }, });
);
} }
#update(value: Theme | 'system') { #update(value: Theme | 'system') {
@@ -75,6 +74,7 @@ class ThemeManager {
this.#theme.current = theme; this.#theme.current = theme;
uiTheme.value = theme.value as unknown as UiTheme; uiTheme.value = theme.value as unknown as UiTheme;
onUiThemeChange();
eventManager.emit('ThemeChange', theme); eventManager.emit('ThemeChange', theme);
} }