melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: remove cookie-based theme persistence

Browse Source
This commit is contained in:
mkelvers
2026-05-26 23:11:33 +02:00
parent f70e2e4bcd
commit 91db8a5fe0
1 changed files with 0 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
static/theme.ts
View File

@@ -1,7 +1,6 @@
type Theme = 'light' | 'dark'; type Theme = 'light' | 'dark';
const STORAGE_KEY = 'theme'; const STORAGE_KEY = 'theme';
const COOKIE_KEY = 'theme';
const getLocalStorage = (): Storage | null => { const getLocalStorage = (): Storage | null => {
try { try {
@@ -11,24 +10,6 @@ const getLocalStorage = (): Storage | null => {
} }
}; };
const readCookie = (key: string): string | null => {
const entries = document.cookie.split(';').map(part => part.trim());
for (const entry of entries) {
if (!entry) continue;
const eqIndex = entry.indexOf('=');
if (eqIndex === -1) continue;
const k = entry.slice(0, eqIndex).trim();
if (k !== key) continue;
return decodeURIComponent(entry.slice(eqIndex + 1));
}
return null;
};
const writeCookie = (key: string, value: string): void => {
const maxAgeSeconds = 60 * 60 * 24 * 365;
document.cookie = `${encodeURIComponent(key)}=${encodeURIComponent(value)}; Max-Age=${maxAgeSeconds}; Path=/; SameSite=Lax`;
};
const getPreferredTheme = (): Theme => { const getPreferredTheme = (): Theme => {
const prefersDark = window.matchMedia?.('(prefers-color-scheme: dark)')?.matches ?? false; const prefersDark = window.matchMedia?.('(prefers-color-scheme: dark)')?.matches ?? false;
return prefersDark ? 'dark' : 'light'; return prefersDark ? 'dark' : 'light';
@@ -44,9 +25,6 @@ const getSavedTheme = (): Theme => {
const fromStorage = normalizeTheme(storage?.getItem(STORAGE_KEY) ?? null); const fromStorage = normalizeTheme(storage?.getItem(STORAGE_KEY) ?? null);
if (fromStorage) return fromStorage; if (fromStorage) return fromStorage;
const fromCookie = normalizeTheme(readCookie(COOKIE_KEY));
if (fromCookie) return fromCookie;
return getPreferredTheme(); return getPreferredTheme();
}; };
@@ -59,7 +37,6 @@ const applyTheme = (theme: Theme): void => {
} catch { } catch {
// ignore // ignore
} }
writeCookie(COOKIE_KEY, theme);
}; };
const cycleTheme = (): void => { const cycleTheme = (): void => {