use the user preference for dark theme

Shuunen · Dec 9, 2023 · 9abf1ae · 9abf1ae
1 parent d9046ef
commit 9abf1ae
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/state.ts b/src/state.ts
@@ -21,6 +21,6 @@ export const state = reactive({
   items,
   display: storage.get<Display>('display', Display.List),
   filter: storage.get<Filter>('filter', Filter.Available),
-  theme: storage.get<Theme>('theme', Theme.Light),
+  theme: storage.get<Theme>('theme', typeof window !== 'undefined' && /* c8 ignore next */ window.matchMedia('(prefers-color-scheme: dark)').matches ? Theme.Dark : Theme.Light),
   user: storage.get<User>('user', emptyUser),
 })