Check user theme preference, closes #555.

This commit is contained in:
Mike Cao 2021-04-26 00:06:08 -07:00
parent 92705815ed
commit 041c7737e8

View File

@ -5,7 +5,8 @@ import { THEME_CONFIG } from 'lib/constants';
import { useEffect } from 'react'; import { useEffect } from 'react';
export default function useTheme() { 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(); const dispatch = useDispatch();
function saveTheme(value) { function saveTheme(value) {