Check user theme preference, closes umami-software#555.

kakkato · Apr 26, 2021 · 041c773 · 041c773
1 parent 9270581
commit 041c773
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/hooks/useTheme.js b/hooks/useTheme.js
@@ -5,7 +5,8 @@ import { THEME_CONFIG } from 'lib/constants';
 import { useEffect } from 'react';
 
 export default function useTheme() {
-  const theme = useSelector(state => state.app.theme || getItem(THEME_CONFIG) || 'light');
+  const defaultTheme = window?.matchMedia('prefers-color-scheme: dark')?.matches ? 'dark' : 'light';
+  const theme = useSelector(state => state.app.theme || getItem(THEME_CONFIG) || defaultTheme);
   const dispatch = useDispatch();
 
   function saveTheme(value) {