Update iOS design in styles.js (#281)

* Update iOS design in styles.js

Closes #280.

* Fix chevron and done button color

iOS defaults to .systemBlueColor which is #007aff

Author: winkelsdorf

src/styles.js

@@ -12,14 +12,14 @@ export const defaultStyles = StyleSheet.create({
         flex: 1,
     },
     modalViewMiddle: {
-        height: 44,
+        height: 45,
         flexDirection: 'row',
         justifyContent: 'space-between',
         alignItems: 'center',
         paddingHorizontal: 10,
-        backgroundColor: '#EFF1F2',
-        borderTopWidth: 0.5,
-        borderTopColor: '#919498',
+        backgroundColor: '#f8f8f8',
+        borderTopWidth: 1,
+        borderTopColor: '#dedede',
         zIndex: 2,
     },
     chevronContainer: {
@@ -29,7 +29,7 @@ export const defaultStyles = StyleSheet.create({
         width: 15,
         height: 15,
         backgroundColor: 'transparent',
-        borderColor: '#D0D4DB',
+        borderColor: '#a1a1a1',
         borderTopWidth: 1.5,
         borderRightWidth: 1.5,
     },
@@ -42,18 +42,18 @@ export const defaultStyles = StyleSheet.create({
         transform: [{ translateY: -5 }, { rotate: '135deg' }],
     },
     chevronActive: {
-        borderColor: '#007AFE',
+        borderColor: '#007aff',
     },
     done: {
-        color: '#007AFE',
-        fontWeight: 'bold',
-        fontSize: 15,
+        color: '#007aff',
+        fontWeight: '600',
+        fontSize: 17,
         paddingTop: 1,
-        paddingRight: 2,
+        paddingRight: 11,
     },
     modalViewBottom: {
         justifyContent: 'center',
-        backgroundColor: '#D0D4DB',
+        backgroundColor: '#d0d4da',
     },
     placeholder: {
         color: '#C7C7CD',