fixing text color for android dark

app/mobile/src/session/contact/Contact.styled.js

@@ -93,14 +93,17 @@ export const styles = StyleSheet.create({
     fontSize: 18,
     paddingRight: 8,
     fontWeight: 'bold',
+    color: Colors.text,
   },
   locationtext: {
     fontSize: 16,
     paddingLeft: 8,
+    color: Colors.text,
   },
   descriptiontext: {
     fontSize: 16,
-    paddingLeft: 8
+    paddingLeft: 8,
+    color: Colors.text,
   },
   button: {
     width: 192,

app/mobile/src/session/conversation/Conversation.jsx

@@ -113,7 +113,7 @@ export function Conversation({ navigation, cardId, channelId, closeConversation,
             </View>
             <View style={styles.editControls}>
               <TouchableOpacity style={styles.cancel} onPress={actions.hideEdit}>
-                <Text>Cancel</Text>
+                <Text style={styles.canceltext}>Cancel</Text>
               </TouchableOpacity>
               <TouchableOpacity style={styles.save} onPress={updateTopic}>
                 { state.updateBusy && (

app/mobile/src/session/conversation/Conversation.styled.js

@@ -99,6 +99,9 @@ export const styles = StyleSheet.create({
   saveText: {
     color: Colors.white,
   },
+  canceltext: {
+    color: Colors.text,
+  },
   cancel: {
     borderWidth: 1,
     borderColor: Colors.lightgrey,
@@ -125,6 +128,7 @@ export const styles = StyleSheet.create({
   input: {
     fontSize: 14,
     flexGrow: 1,
+    color: Colors.text,
   },
   editControls: {
     display: 'flex',
@@ -148,6 +152,7 @@ export const styles = StyleSheet.create({
   editHeader: {
     fontSize: 18,
     paddingBottom: 16,
+    color: Colors.text,
   },
   modal: {
     width: '100%',

app/mobile/src/session/profile/Profile.jsx

@@ -319,7 +319,7 @@ export function ProfileBody() {
             </View>
             <View style={styles.modalControls}>
               <TouchableOpacity style={styles.close} onPress={actions.hideBlockedMessages}>
-                <Text>Close</Text>
+                <Text style={styles.canceltext}>Close</Text>
               </TouchableOpacity>
             </View>
           </View>
@@ -350,7 +350,7 @@ export function ProfileBody() {
             </View>
             <View style={styles.modalControls}>
               <TouchableOpacity style={styles.cancel} onPress={actions.hideEditDetails}>
-                <Text>Cancel</Text>
+                <Text style={styles.canceltext}>Cancel</Text>
               </TouchableOpacity>
               <TouchableOpacity style={styles.save} onPress={saveDetails}>
                 <Text style={styles.saveText}>Save</Text>
@@ -461,7 +461,7 @@ export function ProfileBody() {
             )}
             <View style={styles.modalControls}>
               <TouchableOpacity style={styles.cancel} onPress={actions.hideEditSeal}>
-                <Text>Cancel</Text>
+                <Text style={styles.canceltext}>Cancel</Text>
               </TouchableOpacity>
               { state.canSaveSeal && (
                 <>
@@ -578,7 +578,7 @@ export function ProfileBody() {
             )}
             <View style={styles.modalControls}>
               <TouchableOpacity style={styles.cancel} onPress={actions.hideEditLogin}>
-                <Text>Cancel</Text>
+                <Text style={styles.canceltext}>Cancel</Text>
               </TouchableOpacity>
               { (state.checked && state.available && state.editConfirm === state.editPassword && state.editPassword) && (
                 <TouchableOpacity style={styles.save} onPress={saveLogin}>

app/mobile/src/session/profile/Profile.styled.js

@@ -78,6 +78,10 @@ export const styles = StyleSheet.create({
   modalHeader: {
     fontSize: 18,
     paddingBottom: 16,
+    color: Colors.text,
+  },
+  canceltext: {
+    color: Colors.text,
   },
   modalList: {
     width: '100%',
@@ -170,6 +174,7 @@ export const styles = StyleSheet.create({
     fontSize: 18,
     paddingRight: 8,
     fontWeight: 'bold',
+    color: Colors.text,
   },
   locationtext: {
     fontSize: 16,