23 lines
795 B
TypeScript
23 lines
795 B
TypeScript
export type ThemeMode = "dark" | "light";
|
|
|
|
const THEME_KEY = "cyrene.theme";
|
|
|
|
/** Read the persisted theme, defaulting to dark-first (Miuix). */
|
|
export function readTheme(): ThemeMode {
|
|
const saved = localStorage.getItem(THEME_KEY);
|
|
return saved === "light" ? "light" : "dark";
|
|
}
|
|
|
|
/** Apply a theme by toggling the `.theme-light` class on <html>. */
|
|
export function applyTheme(theme: ThemeMode): void {
|
|
document.documentElement.classList.toggle("theme-light", theme === "light");
|
|
localStorage.setItem(THEME_KEY, theme);
|
|
const meta = document.querySelector('meta[name="theme-color"]');
|
|
if (meta) meta.setAttribute("content", theme === "light" ? "#f6f6f8" : "#161616");
|
|
}
|
|
|
|
/** Apply the persisted theme on app start. */
|
|
export function initTheme(): void {
|
|
applyTheme(readTheme());
|
|
}
|