fix(v2): dynamic dark mode detection without toggle widget (#3877)

* 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 <slorber@users.noreply.github.com>
facebook · Dec 4, 2020 · c4aeb19 · c4aeb19
1 parent 415a797
commit c4aeb19
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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;
     }