adds dark mode

2024-02-22 02:53:06 +01:00
parent 442e13b7c7
commit e41649e395
18 changed files with 113 additions and 56 deletions
--- a/web/src/lib/stores/theme_store.ts
+++ b/web/src/lib/stores/theme_store.ts
@@ -1,14 +1,12 @@
+import { browser } from "$app/environment";
 import { get, writable, type Writable } from "svelte/store";

 type Theme = "dark" | "light"

-export const theme: Writable<Theme> = writable("light");
-
+export const theme: Writable<Theme> = writable(browser && localStorage.getItem("theme") as Theme || "light" );

 export function toggleTheme() {
-    if (get(theme) === "light") {
-        theme.set("dark")
-    } else {
-        theme.set("light");
-    }
+    const newTheme = get(theme) === "light" ? "dark" : "light";
+    theme.set(newTheme)
+    localStorage.setItem("theme", newTheme);
 }