From 90af902aacd41ea19fe73b6cd22c9aeff745e8a9 Mon Sep 17 00:00:00 2001 From: Nathan Bierema Date: Fri, 7 Jan 2022 19:50:51 -0600 Subject: [PATCH] Fix color theme when printing (#993) --- packages/redux-devtools-ui/src/utils/theme.ts | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/packages/redux-devtools-ui/src/utils/theme.ts b/packages/redux-devtools-ui/src/utils/theme.ts index 74e27934..585e9bbc 100644 --- a/packages/redux-devtools-ui/src/utils/theme.ts +++ b/packages/redux-devtools-ui/src/utils/theme.ts @@ -62,18 +62,12 @@ export const useTheme = ({ const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)'); const handleChange = ({ matches }: MediaQueryListEvent) => { - if (matches && !prefersDarkColorScheme) { - setPrefersDarkColorScheme(true); - } - - if (!matches && prefersDarkColorScheme) { - setPrefersDarkColorScheme(false); - } + setPrefersDarkColorScheme(matches); }; mediaQuery.addEventListener('change', handleChange); return () => mediaQuery.removeEventListener('change', handleChange); - }, [prefersDarkColorScheme]); + }, []); const light = useMemo( () =>