From c4aeb1982ca01f814a5b45e996ca96c942fcf5dc Mon Sep 17 00:00:00 2001 From: Hadrien Milano Date: Fri, 4 Dec 2020 13:27:34 +0100 Subject: [PATCH] fix(v2): dynamic dark mode detection without toggle widget (#3877) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * fix(v2): dynamic dark mode detection without toggle widget * Update packages/docusaurus-theme-classic/src/theme/hooks/useTheme.ts Co-authored-by: Sébastien Lorber --- packages/docusaurus-theme-classic/src/theme/hooks/useTheme.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/docusaurus-theme-classic/src/theme/hooks/useTheme.ts b/packages/docusaurus-theme-classic/src/theme/hooks/useTheme.ts index aa2669a6d4..b3a58630bd 100644 --- a/packages/docusaurus-theme-classic/src/theme/hooks/useTheme.ts +++ b/packages/docusaurus-theme-classic/src/theme/hooks/useTheme.ts @@ -38,7 +38,7 @@ const storeTheme = (newTheme) => { const useTheme = (): useThemeReturns => { const { - colorMode: {disableSwitch = false}, + colorMode: {disableSwitch, respectPrefersColorScheme}, } = useThemeConfig(); const [theme, setTheme] = useState(getInitialTheme); @@ -71,7 +71,7 @@ const useTheme = (): useThemeReturns => { }, [setTheme]); useEffect(() => { - if (disableSwitch) { + if (disableSwitch && !respectPrefersColorScheme) { return; }