fix(navbar): use root scheme for changelog dialog

sanity-io · Aug 15, 2022 · b6b8d5e · b6b8d5e
1 parent fd11603
commit b6b8d5e
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/sanity/src/studio/components/navbar/changelog/ChangelogButton.tsx b/packages/sanity/src/studio/components/navbar/changelog/ChangelogButton.tsx
@@ -5,6 +5,7 @@ import {useModuleStatus} from '../../../../module-status'
 import {StatusButton} from '../../StatusButton'
 import {isDev} from '../../../../environment'
 import {useClient} from '../../../../hooks'
+import {useColorScheme} from '../../../colorScheme'
 import {ChangelogDialog} from './ChangelogDialog'
 import {ChangelogAccordion} from './ChangelogAccordion'
 
@@ -22,6 +23,9 @@ export function ChangelogButton() {
     [client]
   )
 
+  // get root scheme
+  const {scheme} = useColorScheme()
+
   const {value, error, isLoading} = useModuleStatus({
     client: versionedClient,
   })
@@ -43,9 +47,10 @@ export function ChangelogButton() {
       footer: <ChangelogAccordion defaultOpen={isDev} />,
       onClickOutside: handleClose,
       onClose: handleClose,
-      scheme: 'light',
+      // force root scheme here to "break out" of the navbar's dark scheme
+      scheme,
     }),
-    [handleClose]
+    [handleClose, scheme]
   )
 
   if (error || isLoading || isUpToDate) {