dark theme

Author: situchan

.storybook/preview.tsx

@@ -6,6 +6,7 @@ import type {Parameters} from 'storybook/internal/types';
 import EnvironmentProvider from '@components/EnvironmentContextProvider';
 import OnyxListItemProvider from '@components/OnyxListItemProvider';
 import {SearchContextProvider} from '@components/Search/SearchContext';
+import colors from '@styles/theme/colors';
 import ComposeProviders from '@src/components/ComposeProviders';
 import HTMLEngineProvider from '@src/components/HTMLEngineProvider';
 import {LocaleContextProvider} from '@src/components/LocaleContextProvider';
@@ -46,6 +47,16 @@ const parameters: Parameters = {
             color: /(background|color)$/i,
         },
     },
+    backgrounds: {
+        options: {
+            dark: {name: 'Dark', value: colors.productDark100},
+            light: {name: 'Light', value: colors.productLight100},
+        },
+    },
+};
+
+const initialGlobals = {
+    backgrounds: {value: 'dark'},
 };
 
-export {decorators, parameters};
+export {decorators, parameters, initialGlobals};

__mocks__/@react-navigation/native/index.ts

@@ -23,6 +23,7 @@ const useNavigation = isJestEnv
           getState: () => ({
               routes: [],
           }),
+          isFocused: () => true,
           addListener,
       });