ui-svelte: default theme to user preferred color scheme (#712)

Simple, if not set is localStorage use whatever the user's preferred color scheme is to start.
2026-04-27 06:44:22 -07:00
parent 8f4ff01f93
commit 5bae33a769
1 changed files with 2 additions and 1 deletions
@@ -3,7 +3,8 @@ import { persistentStore } from "./persistent";
 import type { ScreenWidth } from "../lib/types";

 // Persistent stores
-export const isDarkMode = persistentStore<boolean>("theme", false);
+const systemDark = typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+export const isDarkMode = persistentStore<boolean>("theme", systemDark);
 export const appTitle = persistentStore<string>("app-title", "llama-swap");

 // Non-persistent stores