Fix dark mode background color for two more screens

robertying · May 6, 2020 · bc4c7a2 · bc4c7a2
1 parent d7fe0b9
commit bc4c7a2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/screens/AgreementScreen.tsx b/src/screens/AgreementScreen.tsx
@@ -13,6 +13,7 @@ import Colors from '../constants/Colors';
 import RaisedButton from '../components/RaisedButton';
 import {useTypedSelector} from '../redux/store';
 import {setSetting} from '../redux/actions/settings';
+import DeviceInfo from '../constants/DeviceInfo';
 
 declare const preval: any;
 
@@ -74,6 +75,11 @@ const AgreementScreen: INavigationScreen = (props) => {
         highlight
         darkMode={colorScheme === 'dark'}
         onNavigationStateChange={onNavigationStateChange}
+        injectedJavaScript={
+          DeviceInfo.isMac()
+            ? 'document.body.style.backgroundColor = "rgb(30,30,30)"'
+            : ''
+        }
       />
       <RaisedButton
         style={[

diff --git a/src/screens/HelpScreen.tsx b/src/screens/HelpScreen.tsx
@@ -8,6 +8,7 @@ import {getScreenOptions} from '../helpers/navigation';
 import {adaptToSystemTheme} from '../helpers/darkmode';
 import {useColorScheme} from 'react-native-appearance';
 import Colors from '../constants/Colors';
+import DeviceInfo from '../constants/DeviceInfo';
 
 declare const preval: any;
 
@@ -54,6 +55,11 @@ const HelpScreen: INavigationScreen = (props) => {
         highlight
         darkMode={colorScheme === 'dark'}
         onNavigationStateChange={onNavigationStateChange}
+        injectedJavaScript={
+          DeviceInfo.isMac()
+            ? 'document.body.style.backgroundColor = "rgb(30,30,30)"'
+            : ''
+        }
       />
     </SafeAreaView>
   );