If color scheme is "dark", setting modal backgroundcolor to black (#278)

jeremybarbet · Dec 3, 2020 · d5ccbb1 · d5ccbb1
1 parent 26a4c14
commit d5ccbb1
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/styles.ts b/src/styles.ts
@@ -1,9 +1,11 @@
-import { StyleSheet, Dimensions } from 'react-native';
+import { StyleSheet, Dimensions, Appearance } from 'react-native';
 
 import { isWeb } from './utils/devices';
 
 const { height } = Dimensions.get('window');
 
+const colorScheme = Appearance.getColorScheme();
+
 export default StyleSheet.create({
   modalize: {
     position: 'absolute',
@@ -23,7 +25,7 @@ export default StyleSheet.create({
 
     marginTop: 'auto',
 
-    backgroundColor: '#fff',
+    backgroundColor: colorScheme === 'dark' ? '#000' : '#fff',
     borderTopLeftRadius: 12,
     borderTopRightRadius: 12,