Fix theme variable load when enableDarkMode=false

facebook · Sep 3, 2020 · 40a5d22 · 40a5d22
1 parent dce4389
commit 40a5d22
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/react-devtools-scheduling-profiler/src/hooks.js b/packages/react-devtools-scheduling-profiler/src/hooks.js
@@ -40,9 +40,8 @@ export function useBrowserTheme(): void {
   const theme = useMutableSource(darkModeMutableSource, getSnapshot, subscribe);
 
   useLayoutEffect(() => {
+    const documentElements = [((document.documentElement: any): HTMLElement)];
     if (enableDarkMode) {
-      const documentElements = [((document.documentElement: any): HTMLElement)];
-
       switch (theme) {
         case 'light':
           updateThemeVariables('light', documentElements);
@@ -53,6 +52,8 @@ export function useBrowserTheme(): void {
         default:
           throw Error(`Unsupported theme value "${theme}"`);
       }
+    } else {
+      updateThemeVariables('light', documentElements);
     }
   }, [theme]);
 }