TS7 upgrade + write to TS over JS

frontend/src/utils/theme.ts

@@ -0,0 +1,30 @@
+const LIGHT = "latte";
+const DARK = "macchiato";
+
+export function getSystemTheme(): string {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches
+        ? DARK
+        : LIGHT;
+}
+
+export function getStoredTheme(): string | null {
+    return localStorage.getItem("theme");
+}
+
+export function getInitialTheme(): string {
+    return getStoredTheme() || getSystemTheme();
+}
+
+export function applyTheme(theme: string): void {
+    const root = document.documentElement;
+
+    root.classList.remove(LIGHT, DARK);
+
+    root.classList.add(theme);
+
+    localStorage.setItem("theme", theme);
+}
+
+export function toggleTheme(current: string): string {
+    return current === DARK ? LIGHT : DARK;
+}