kunkun-extensions-mirror/kunkunsh-kunkun-ext-neohtop
1
0
Fork 0
mirror of https://github.com/kunkunsh/kunkun-ext-neohtop.git synced 2025-04-04 09:46:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix default theme selection

Browse Source
This commit is contained in:
Abdenasser 2024-11-09 12:36:26 +01:00
parent 250eb37fb6
commit a4f2a5e4a9
1 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,35 +2,49 @@ import { writable } from 'svelte/store';
import { themes, type Theme } from '$lib/styles';
function createThemeStore() {
// Get initial theme from localStorage or default to catppuccin
const storedTheme = typeof window !== 'undefined'
? localStorage.getItem('theme')
: 'catppuccin';
const { subscribe, set } = writable<Theme>(themes[storedTheme || 'catppuccin']);
// Default theme
const defaultTheme = themes.catppuccin;
// Initialize with default theme
const { subscribe, set } = writable<Theme>(defaultTheme);
// Initialize theme on client-side only
if (typeof window !== 'undefined') {
const storedTheme = localStorage.getItem('theme');
if (storedTheme && themes[storedTheme]) {
set(themes[storedTheme]);
}
}
return {
subscribe,
setTheme: (themeName: string) => {
const theme = themes[themeName];
if (theme) {
localStorage.setItem('theme', themeName);
if (typeof window !== 'undefined') {
localStorage.setItem('theme', themeName);
}
set(theme);
applyTheme(theme);
}
},
init: () => {
const theme = themes[storedTheme || 'catppuccin'];
const storedTheme = typeof window !== 'undefined'
? localStorage.getItem('theme')
: null;
const theme = (storedTheme && themes[storedTheme]) || defaultTheme;
applyTheme(theme);
}
};
}
function applyTheme(theme: Theme) {
const root = document.documentElement;
Object.entries(theme.colors).forEach(([key, value]) => {
root.style.setProperty(`--${key}`, value);
});
if (typeof window !== 'undefined') {
const root = document.documentElement;
Object.entries(theme.colors).forEach(([key, value]) => {
root.style.setProperty(`--${key}`, value);
});
}
}
export const themeStore = createThemeStore();