OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-06-26 18:26:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

update theme handling and persist selection using Svelte store

Browse Source
This commit is contained in:
Danny Liu
2024-03-16 23:14:13 -07:00
parent 27153ddb03
commit 6f3acb347d
3 changed files with 59 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/lib/stores/index.ts
View File

@@ -1,5 +1,5 @@
import { APP_NAME } from '$lib/constants';
import { writable } from 'svelte/store';
import { writable, derived } from 'svelte/store';
// Backend
export const WEBUI_NAME = writable(APP_NAME);
@@ -7,7 +7,27 @@ export const config = writable(undefined);
export const user = writable(undefined);
// Frontend
export const theme = writable('dark');
const rawThemeSetting = writable('system');
export const theme = derived(rawThemeSetting, ($rawThemeSetting) => {
if ($rawThemeSetting === 'system') {
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
return $rawThemeSetting;
});
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
rawThemeSetting.update((currentTheme) => {
if (currentTheme === 'system') {
return e.matches ? 'dark' : 'light';
}
return currentTheme;
});
});
export function setTheme(theme){
rawThemeSetting.set(theme);
localStorage.setItem('theme', theme);
}
export const chatId = writable('');