styling placeholders consistenlty

app/mobile/src/dashboard/Dashboard.jsx

@@ -285,8 +285,8 @@ export function Dashboard(props) {
                 </TouchableOpacity>
               </View>
               <View style={styles.modalControls}>
-                <TouchableOpacity style={styles.cancel} onPress={actions.hideAddUser}>
-                  <Text style={styles.cancelText}>{ state.strings.close }</Text>
+                <TouchableOpacity style={styles.close} onPress={actions.hideAddUser}>
+                  <Text style={styles.closeText}>{ state.strings.close }</Text>
                 </TouchableOpacity>
               </View>
             </View>
@@ -316,8 +316,8 @@ export function Dashboard(props) {
                 </TouchableOpacity>
               </View>
               <View style={styles.modalControls}>
-                <TouchableOpacity style={styles.cancel} onPress={actions.hideAccessUser}>
-                  <Text style={styles.cancelText}>{ state.strings.close }</Text>
+                <TouchableOpacity style={styles.close} onPress={actions.hideAccessUser}>
+                  <Text style={styles.closeText}>{ state.strings.close }</Text>
                 </TouchableOpacity>
               </View>
             </View>

app/mobile/src/dashboard/Dashboard.styled.js

@@ -101,9 +101,21 @@ export const styles = StyleSheet.create({
     display: 'flex',
     alignItems: 'center',
   },
-  cancel: {
+  close: {
     borderWidth: 1,
-    borderColor: Colors.lightgrey,
+    borderColor: Colors.closeButton,
+    borderRadius: 4,
+    padding: 6,
+    marginRight: 8,
+    width: 92,
+    display: 'flex',
+    alignItems: 'center',
+  },
+  closeText: {
+    color: Colors.closeButtonText,
+  },
+  cancel: {
+    backgroundColor: Colors.cancelButton,
     borderRadius: 4,
     padding: 6,
     marginRight: 8,

app/mobile/src/session/channels/Channels.jsx

@@ -118,7 +118,7 @@ export function Channels({ cardId, channelId, navigation, openConversation, dmCh
 
               { state.contacts.length == 0 && (
                 <View style={styles.emptyMembers}>
-                  <Text style={styles.empty}>{ state.strings.noContacts }</Text>
+                  <Text style={styles.notfoundtext}>{ state.strings.noContacts }</Text>
                 </View>
               )}
               { state.contacts.length > 0 && (

app/mobile/src/session/channels/Channels.styled.js

@@ -89,8 +89,8 @@ export const styles = StyleSheet.create({
     justifyContent: 'center',
   },
   notfoundtext: {
-    fontSize: 18,
-    color: Colors.disabled,
+    fontSize: 20,
+    color: Colors.unsetText,
   },
   columnbottom: {
     paddingLeft: 24,
@@ -129,6 +129,9 @@ export const styles = StyleSheet.create({
     marginTop: 16,
     height: 200,
   },
+  empty: {
+    color: Colors.descriptionText,
+  },
   emptyMembers: {
     width: '100%',
     borderWidth: 1,