diff --git a/android/app/src/main/assets/fonts/AntDesign.ttf b/android/app/src/main/assets/fonts/AntDesign.ttf
new file mode 100644
index 0000000..2abf035
Binary files /dev/null and b/android/app/src/main/assets/fonts/AntDesign.ttf differ
diff --git a/android/app/src/main/assets/fonts/Entypo.ttf b/android/app/src/main/assets/fonts/Entypo.ttf
new file mode 100644
index 0000000..1c8f5e9
Binary files /dev/null and b/android/app/src/main/assets/fonts/Entypo.ttf differ
diff --git a/android/app/src/main/assets/fonts/EvilIcons.ttf b/android/app/src/main/assets/fonts/EvilIcons.ttf
new file mode 100644
index 0000000..6868f7b
Binary files /dev/null and b/android/app/src/main/assets/fonts/EvilIcons.ttf differ
diff --git a/android/app/src/main/assets/fonts/Feather.ttf b/android/app/src/main/assets/fonts/Feather.ttf
new file mode 100644
index 0000000..a3c58c5
Binary files /dev/null and b/android/app/src/main/assets/fonts/Feather.ttf differ
diff --git a/android/app/src/main/assets/fonts/FontAwesome.ttf b/android/app/src/main/assets/fonts/FontAwesome.ttf
new file mode 100644
index 0000000..35acda2
Binary files /dev/null and b/android/app/src/main/assets/fonts/FontAwesome.ttf differ
diff --git a/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf b/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf
new file mode 100644
index 0000000..948a2a6
Binary files /dev/null and b/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf differ
diff --git a/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf b/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf
new file mode 100644
index 0000000..abe99e2
Binary files /dev/null and b/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf differ
diff --git a/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf b/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf
new file mode 100644
index 0000000..5b97903
Binary files /dev/null and b/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf differ
diff --git a/android/app/src/main/assets/fonts/Fontisto.ttf b/android/app/src/main/assets/fonts/Fontisto.ttf
new file mode 100755
index 0000000..96e2e81
Binary files /dev/null and b/android/app/src/main/assets/fonts/Fontisto.ttf differ
diff --git a/android/app/src/main/assets/fonts/Foundation.ttf b/android/app/src/main/assets/fonts/Foundation.ttf
new file mode 100644
index 0000000..6cce217
Binary files /dev/null and b/android/app/src/main/assets/fonts/Foundation.ttf differ
diff --git a/android/app/src/main/assets/fonts/Ionicons.ttf b/android/app/src/main/assets/fonts/Ionicons.ttf
new file mode 100644
index 0000000..719442d
Binary files /dev/null and b/android/app/src/main/assets/fonts/Ionicons.ttf differ
diff --git a/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf b/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf
new file mode 100644
index 0000000..522dc31
Binary files /dev/null and b/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf differ
diff --git a/android/app/src/main/assets/fonts/MaterialIcons.ttf b/android/app/src/main/assets/fonts/MaterialIcons.ttf
new file mode 100644
index 0000000..e50801b
Binary files /dev/null and b/android/app/src/main/assets/fonts/MaterialIcons.ttf differ
diff --git a/android/app/src/main/assets/fonts/Octicons.ttf b/android/app/src/main/assets/fonts/Octicons.ttf
new file mode 100644
index 0000000..ceac75d
Binary files /dev/null and b/android/app/src/main/assets/fonts/Octicons.ttf differ
diff --git a/android/app/src/main/assets/fonts/OpenSans-Bold.ttf b/android/app/src/main/assets/fonts/OpenSans-Bold.ttf
new file mode 100644
index 0000000..efdd5e8
Binary files /dev/null and b/android/app/src/main/assets/fonts/OpenSans-Bold.ttf differ
diff --git a/android/app/src/main/assets/fonts/OpenSans-BoldItalic.ttf b/android/app/src/main/assets/fonts/OpenSans-BoldItalic.ttf
new file mode 100644
index 0000000..9bf9b4e
Binary files /dev/null and b/android/app/src/main/assets/fonts/OpenSans-BoldItalic.ttf differ
diff --git a/android/app/src/main/assets/fonts/OpenSans-ExtraBold.ttf b/android/app/src/main/assets/fonts/OpenSans-ExtraBold.ttf
new file mode 100644
index 0000000..67fcf0f
Binary files /dev/null and b/android/app/src/main/assets/fonts/OpenSans-ExtraBold.ttf differ
diff --git a/android/app/src/main/assets/fonts/OpenSans-ExtraBoldItalic.ttf b/android/app/src/main/assets/fonts/OpenSans-ExtraBoldItalic.ttf
new file mode 100644
index 0000000..0867228
Binary files /dev/null and b/android/app/src/main/assets/fonts/OpenSans-ExtraBoldItalic.ttf differ
diff --git a/android/app/src/main/assets/fonts/OpenSans-Italic.ttf b/android/app/src/main/assets/fonts/OpenSans-Italic.ttf
new file mode 100644
index 0000000..1178567
Binary files /dev/null and b/android/app/src/main/assets/fonts/OpenSans-Italic.ttf differ
diff --git a/android/app/src/main/assets/fonts/OpenSans-Light.ttf b/android/app/src/main/assets/fonts/OpenSans-Light.ttf
new file mode 100644
index 0000000..6580d3a
Binary files /dev/null and b/android/app/src/main/assets/fonts/OpenSans-Light.ttf differ
diff --git a/android/app/src/main/assets/fonts/OpenSans-LightItalic.ttf b/android/app/src/main/assets/fonts/OpenSans-LightItalic.ttf
new file mode 100644
index 0000000..1e0c331
Binary files /dev/null and b/android/app/src/main/assets/fonts/OpenSans-LightItalic.ttf differ
diff --git a/android/app/src/main/assets/fonts/OpenSans-Regular.ttf b/android/app/src/main/assets/fonts/OpenSans-Regular.ttf
new file mode 100644
index 0000000..29bfd35
Binary files /dev/null and b/android/app/src/main/assets/fonts/OpenSans-Regular.ttf differ
diff --git a/android/app/src/main/assets/fonts/OpenSans-SemiBold.ttf b/android/app/src/main/assets/fonts/OpenSans-SemiBold.ttf
new file mode 100644
index 0000000..54e7059
Binary files /dev/null and b/android/app/src/main/assets/fonts/OpenSans-SemiBold.ttf differ
diff --git a/android/app/src/main/assets/fonts/OpenSans-SemiBoldItalic.ttf b/android/app/src/main/assets/fonts/OpenSans-SemiBoldItalic.ttf
new file mode 100644
index 0000000..aebcf14
Binary files /dev/null and b/android/app/src/main/assets/fonts/OpenSans-SemiBoldItalic.ttf differ
diff --git a/android/app/src/main/assets/fonts/SimpleLineIcons.ttf b/android/app/src/main/assets/fonts/SimpleLineIcons.ttf
new file mode 100644
index 0000000..6ecb686
Binary files /dev/null and b/android/app/src/main/assets/fonts/SimpleLineIcons.ttf differ
diff --git a/android/app/src/main/assets/fonts/Zocial.ttf b/android/app/src/main/assets/fonts/Zocial.ttf
new file mode 100644
index 0000000..e4ae46c
Binary files /dev/null and b/android/app/src/main/assets/fonts/Zocial.ttf differ
diff --git a/android/app/src/main/java/com/local_server/ClientService.java b/android/app/src/main/java/com/local_server/ClientService.java
index e2e0f14..c3d53e4 100644
--- a/android/app/src/main/java/com/local_server/ClientService.java
+++ b/android/app/src/main/java/com/local_server/ClientService.java
@@ -23,14 +23,18 @@
 import java.util.Arrays;
 import java.util.List;
 import java.util.ArrayList;
+import java.util.NoSuchElementException;
+import java.util.LinkedList;
 
 
 public class ClientService extends Service {
 
     public static Socket socket;
+    public static LinkedList<String> messages;
     public static String IP_ADDRESS;
     public static DataInputStream din;
     public static DataOutputStream dout;
+    private static Context context;
 
     private static final int SERVICE_NOTIFICATION_ID = 100100;
 
@@ -46,8 +50,7 @@ public static void stopClient(){
         }
     }
     
-    private boolean isAppOnForeground() {
-        Context context = getApplicationContext();
+    private static boolean isAppOnForeground() {
         ActivityManager activityManager = (ActivityManager) context.getSystemService(Context.ACTIVITY_SERVICE);
         List<ActivityManager.RunningAppProcessInfo> appProcesses = activityManager.getRunningAppProcesses();
         if (appProcesses == null) {
@@ -72,6 +75,19 @@ public static void sendMsg(String msg){
             stopClient();
         }
     }
+    public static void loadMsg(){
+        try{
+            while(isAppOnForeground()){
+                String msg = messages.pop();
+                WritableMap params = Arguments.createMap();
+                params.putString("payload", msg);
+                LocalServer.reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+                .emit("message",params);
+            }
+        }catch(NoSuchElementException e){
+
+        }catch(Exception e){}
+    }
 
     private Runnable runnableCode = new Runnable() {
 
@@ -79,6 +95,8 @@ public static void sendMsg(String msg){
         public void run() {
             try{
                 // socket = new Socket(IP_ADDRESS, 6060);
+                messages = new LinkedList<String>();
+                context = getApplicationContext();
                 SocketAddress sockaddr = new InetSocketAddress(IP_ADDRESS, 6060);
                 socket = new Socket();
                 socket.connect(sockaddr, 3000);
@@ -105,16 +123,9 @@ public void run() {
                         LocalClient.reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                         .emit("message",params);
                     }
-                    // else{
-                    //     Intent js_service = new Intent(context, HeadlessUpdateService.class);
-                    //     Bundle bundle = new Bundle();
-
-                    //     bundle.putString("payload", msg);
-                    //     js_service.putExtras(bundle);
-
-                    //     context.startService(js_service);
-                    //     HeadlessJsTaskService.acquireWakeLockNow(context);
-                    // }
+                    else{
+                        ClientService.messages.add(msg);
+                    }
                 }catch(SocketException e){
                     return;
                 }catch(IOException e){
diff --git a/android/app/src/main/java/com/local_server/ServerService.java b/android/app/src/main/java/com/local_server/ServerService.java
index c9dba90..e8a2f2a 100644
--- a/android/app/src/main/java/com/local_server/ServerService.java
+++ b/android/app/src/main/java/com/local_server/ServerService.java
@@ -18,8 +18,11 @@
 import com.facebook.react.HeadlessJsTaskService;
 import com.shhtalk.MainActivity;
 import java.lang.Thread;
+import java.text.SimpleDateFormat;
 import java.net.*;
 import java.io.*;
+import java.util.*;
+import java.nio.charset.*;
 import java.util.concurrent.locks.ReentrantLock;
 import java.util.LinkedList;
 import java.lang.Thread;
@@ -53,14 +56,60 @@ class ClientConnection extends Thread{
         data_out = new DataOutputStream(socket.getOutputStream());
         write("{ \"user\": \"" + clientName + "\", \"title\": \"" + LocalServer.title + "\" }");
 
-        WritableMap params = Arguments.createMap();
-        params.putString("name", clientName);
-        params.putString("address", socket.getInetAddress().toString());
-        LocalServer.reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+        String msg = "{\"id\": \"" + getUniqueId() + "\", \"date\": \""+ getCurrentTime() + "\", \"type\":\"system\",  \"message\": \"joined the chat\", \"user\": \"" + clientName + "\"}";
+        if(isAppOnForeground()){
+            WritableMap params = Arguments.createMap();
+            params.putString("name", clientName);
+            params.putString("address", socket.getInetAddress().toString());
+            LocalServer.reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
             .emit("client-connect", params);
+        }else{
+            ServerService.messages.add(msg);
+        }
         
+        ServerService.lock.lock();
+        ServerService.broadcastMsg(socket.getInetAddress().toString(), msg);
+        ServerService.lock.unlock();
         exit = false;
     }
+
+    static String getCurrentTime(){
+
+        SimpleDateFormat df = new SimpleDateFormat("HH:mm aa");
+        String  currentTime = df.format(Calendar.getInstance().getTime());
+        return currentTime.replace("AM", "am").replace("PM","pm");
+    }
+
+    static String getUniqueId(){
+        byte[] array = new byte[256];
+        int n = 7;
+        new Random().nextBytes(array);
+  
+        String randomString
+            = new String(array, Charset.forName("UTF-8"));
+  
+        StringBuffer r = new StringBuffer();
+  
+        String  AlphaNumericString
+            = randomString
+                  .replaceAll("[^A-Za-z0-9]", "");
+
+        for (int k = 0; k < AlphaNumericString.length(); k++) {
+  
+            if (Character.isLetter(AlphaNumericString.charAt(k))
+                    && (n > 0)
+                || Character.isDigit(AlphaNumericString.charAt(k))
+                       && (n > 0)) {
+  
+                r.append(AlphaNumericString.charAt(k));
+                n--;
+            }
+        }
+        return r.toString();
+    }
+  
+
+
     public void write(String msg) throws IOException{
         data_out.writeUTF(msg);
         data_out.flush();
@@ -117,12 +166,19 @@ public void run(){
     public void stopClient(){
         exit = true;
         try{
-            
-            WritableMap params = Arguments.createMap();
-            params.putString("name", clientName);
-            params.putString("address", this.socket.getInetAddress().toString());
-            LocalServer.reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+            String msg = "{\"id\": \"" + getUniqueId() + "\", \"date\": \""+ getCurrentTime() + "\", \"type\":\"system\",  \"message\": \"left the chat\", \"user\": \"" + clientName + "\"}";
+            if(isAppOnForeground()){
+                WritableMap params = Arguments.createMap();
+                params.putString("name", clientName);
+                params.putString("address", this.socket.getInetAddress().toString());
+                LocalServer.reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                 .emit("client-disconnect", params);
+            }else{
+                ServerService.messages.add(msg);
+            }
+            ServerService.lock.lock();
+            ServerService.broadcastMsg(this.socket.getInetAddress().toString(), msg);
+            ServerService.lock.unlock();
             
             socket.close();
             data_in.close();
diff --git a/android/app/src/main/java/com/shhtalk/LocalClient.java b/android/app/src/main/java/com/shhtalk/LocalClient.java
index 0b98a33..ec20461 100644
--- a/android/app/src/main/java/com/shhtalk/LocalClient.java
+++ b/android/app/src/main/java/com/shhtalk/LocalClient.java
@@ -44,6 +44,11 @@ public void stopClient(){
  
     }
 
+    @ReactMethod
+    public void loadMsg(){
+        ClientService.loadMsg();
+    }
+
     @ReactMethod
     public void sendMsg(String msg){
         ClientService.sendMsg(msg);
diff --git a/ios/shhTalk.xcodeproj/project.pbxproj b/ios/shhTalk.xcodeproj/project.pbxproj
index cd2895d..9817235 100644
--- a/ios/shhTalk.xcodeproj/project.pbxproj
+++ b/ios/shhTalk.xcodeproj/project.pbxproj
@@ -12,6 +12,48 @@
 		13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
 		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
 		81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
+		E160F962BB6144239E9FFAC8 /* AntDesign.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 79D31B52405544718DEFDEA8 /* AntDesign.ttf */; };
+		F16EF20EE0FE4A09BE7AD7D0 /* Entypo.ttf in Resources */ = {isa = PBXBuildFile; fileRef = E06FCC9CCE8C44D6ACA4D481 /* Entypo.ttf */; };
+		389BAB51E4F34C059BC4A143 /* EvilIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = FB0289675CBF41B99A9625E7 /* EvilIcons.ttf */; };
+		146896419B4644A6ACD7277D /* Feather.ttf in Resources */ = {isa = PBXBuildFile; fileRef = B1365CD601AB4052AE8CF531 /* Feather.ttf */; };
+		C386C78B41284472BE5D9C02 /* FontAwesome.ttf in Resources */ = {isa = PBXBuildFile; fileRef = CB417F2E6CF84AD69D8913C7 /* FontAwesome.ttf */; };
+		1EDAFE1332944F2E8ED86013 /* FontAwesome5_Brands.ttf in Resources */ = {isa = PBXBuildFile; fileRef = A3E4FC835265428CA874E309 /* FontAwesome5_Brands.ttf */; };
+		F3379C7873B447AA90B2DB15 /* FontAwesome5_Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = EA22FB7574874F49B6D0E217 /* FontAwesome5_Regular.ttf */; };
+		734DEDF0A48C4E9592BCFC4B /* FontAwesome5_Solid.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 4E9649BEC20C4A1EBAC424D2 /* FontAwesome5_Solid.ttf */; };
+		FCC49837F2C54DC6AE4C80D4 /* Fontisto.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 98ADC7F0E7D74E6ABFA783B1 /* Fontisto.ttf */; };
+		AEC72BD8FD8C4D3D9C206724 /* Foundation.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 8BE71E540A1A4990B85FE08E /* Foundation.ttf */; };
+		FF603C50231D49208C39C13D /* Ionicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 3A3C0B1CED8A4BFBBA7D1CA0 /* Ionicons.ttf */; };
+		FD7BF4665306498391570626 /* MaterialCommunityIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = C01687F25ED3493399F97A15 /* MaterialCommunityIcons.ttf */; };
+		70E86BAABA9C4A0AAB441BDF /* MaterialIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 44AB13C4FA2D49B78E65707D /* MaterialIcons.ttf */; };
+		546E143A356F427D8D7FB493 /* Octicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 12466B3E03644874B10F4E80 /* Octicons.ttf */; };
+		360ECB755B8F4D639912CF98 /* SimpleLineIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 4B5B004BF258459B81C5C48B /* SimpleLineIcons.ttf */; };
+		5C173FFD1CC04FFB81237430 /* Zocial.ttf in Resources */ = {isa = PBXBuildFile; fileRef = B126A8B0E2554BB782A736AD /* Zocial.ttf */; };
+		561DA45D12A54E69B8DC8983 /* AntDesign.ttf in Resources */ = {isa = PBXBuildFile; fileRef = A0E420B4A8CA4C30946F31CB /* AntDesign.ttf */; };
+		424D969C2BFF41DF8E31532B /* Entypo.ttf in Resources */ = {isa = PBXBuildFile; fileRef = F1FEACDB86944CE0A5762671 /* Entypo.ttf */; };
+		0C26BEB317CF48869C49E35B /* EvilIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 9A37F0BC711B4F83987DD2DA /* EvilIcons.ttf */; };
+		FEE5E46A1F9E4851B4632EDA /* Feather.ttf in Resources */ = {isa = PBXBuildFile; fileRef = EE9283008B5F43D3B630AB4C /* Feather.ttf */; };
+		43545FD3E67C49BA92186ACB /* FontAwesome.ttf in Resources */ = {isa = PBXBuildFile; fileRef = B8A40CC8DE914DFCA57C7166 /* FontAwesome.ttf */; };
+		C1AF3B13EDE64AE18E0E4F63 /* FontAwesome5_Brands.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 3E02573E32934A28AB4AFBC0 /* FontAwesome5_Brands.ttf */; };
+		A1798A14DCCF43529178ACFA /* FontAwesome5_Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = F3CC44471D0E42399006D8D7 /* FontAwesome5_Regular.ttf */; };
+		E623F2CEEFDE4FD6B0453656 /* FontAwesome5_Solid.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 7E378395DED34944A021E147 /* FontAwesome5_Solid.ttf */; };
+		5BE888580BC642A988600803 /* Fontisto.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 53493A17142645DBA9F6DC67 /* Fontisto.ttf */; };
+		19DB93F52E8D4EF0B39450B1 /* Foundation.ttf in Resources */ = {isa = PBXBuildFile; fileRef = CC0953D1DEF94DBEB14CB6CB /* Foundation.ttf */; };
+		BAF6C3B29BB040C68749AC71 /* Ionicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 2F6B6066889D487C833DE16C /* Ionicons.ttf */; };
+		141D1C27D1F14A92B889DB2B /* MaterialCommunityIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 5C72D9A1AA064C1FBD3FB6D4 /* MaterialCommunityIcons.ttf */; };
+		2EE4E344EF834131AFADC680 /* MaterialIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 60E032AFBF60405196DC2F7F /* MaterialIcons.ttf */; };
+		F3E5B65BF0E748DD929B84EC /* Octicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = C4477A2DC7844C39A926E310 /* Octicons.ttf */; };
+		C44A03C0A69E4B2CAF46EDC5 /* OpenSans-Bold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = C916B68FA7C54DC4BFF828B9 /* OpenSans-Bold.ttf */; };
+		81A9B26A1B02487E864F0156 /* OpenSans-BoldItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 8A4C3D643DA844C4AABBEFAA /* OpenSans-BoldItalic.ttf */; };
+		8F9E17E742F840A0AD005D72 /* OpenSans-ExtraBold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = F5D24F4C047C4E57B374ABE4 /* OpenSans-ExtraBold.ttf */; };
+		9EFE00AECB1A4D1DB85F4310 /* OpenSans-ExtraBoldItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 0D4BF6203C3A498A8CEEB0CC /* OpenSans-ExtraBoldItalic.ttf */; };
+		40135A6E667D4C93AC2045BE /* OpenSans-Italic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 2B8C8620561C4E30B96A6542 /* OpenSans-Italic.ttf */; };
+		05C5C185A80443A09624F991 /* OpenSans-Light.ttf in Resources */ = {isa = PBXBuildFile; fileRef = EF5FC39E403B4DE8AC079F98 /* OpenSans-Light.ttf */; };
+		BCA8E0F5497C4406990F9E69 /* OpenSans-LightItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 15F75774EBDB4DBA9B3D7B3C /* OpenSans-LightItalic.ttf */; };
+		03DFE0A5B6534DC08E64A752 /* OpenSans-Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = B49C282870BD49ED9CFFB35C /* OpenSans-Regular.ttf */; };
+		51636131564044269853CAC8 /* OpenSans-SemiBold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 4E334315409B4ADCBBCE05A6 /* OpenSans-SemiBold.ttf */; };
+		5BD55C5EF2B44C4FBCC2375D /* OpenSans-SemiBoldItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 9C96F71A511846DEBF53BF42 /* OpenSans-SemiBoldItalic.ttf */; };
+		128536A3F3A14E9E84729743 /* SimpleLineIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = EA71C1945DDB4D96B14BB2CC /* SimpleLineIcons.ttf */; };
+		D50D511EBEE84517A83FB5FB /* Zocial.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 448EA8419490487D8CBA8483 /* Zocial.ttf */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -36,6 +78,48 @@
 		13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = shhTalk/main.m; sourceTree = "<group>"; };
 		81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = shhTalk/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
+		79D31B52405544718DEFDEA8 /* AntDesign.ttf */ = {isa = PBXFileReference; name = "AntDesign.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/AntDesign.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		E06FCC9CCE8C44D6ACA4D481 /* Entypo.ttf */ = {isa = PBXFileReference; name = "Entypo.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Entypo.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		FB0289675CBF41B99A9625E7 /* EvilIcons.ttf */ = {isa = PBXFileReference; name = "EvilIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		B1365CD601AB4052AE8CF531 /* Feather.ttf */ = {isa = PBXFileReference; name = "Feather.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Feather.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		CB417F2E6CF84AD69D8913C7 /* FontAwesome.ttf */ = {isa = PBXFileReference; name = "FontAwesome.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		A3E4FC835265428CA874E309 /* FontAwesome5_Brands.ttf */ = {isa = PBXFileReference; name = "FontAwesome5_Brands.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Brands.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		EA22FB7574874F49B6D0E217 /* FontAwesome5_Regular.ttf */ = {isa = PBXFileReference; name = "FontAwesome5_Regular.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Regular.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		4E9649BEC20C4A1EBAC424D2 /* FontAwesome5_Solid.ttf */ = {isa = PBXFileReference; name = "FontAwesome5_Solid.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Solid.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		98ADC7F0E7D74E6ABFA783B1 /* Fontisto.ttf */ = {isa = PBXFileReference; name = "Fontisto.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Fontisto.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		8BE71E540A1A4990B85FE08E /* Foundation.ttf */ = {isa = PBXFileReference; name = "Foundation.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Foundation.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		3A3C0B1CED8A4BFBBA7D1CA0 /* Ionicons.ttf */ = {isa = PBXFileReference; name = "Ionicons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Ionicons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		C01687F25ED3493399F97A15 /* MaterialCommunityIcons.ttf */ = {isa = PBXFileReference; name = "MaterialCommunityIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		44AB13C4FA2D49B78E65707D /* MaterialIcons.ttf */ = {isa = PBXFileReference; name = "MaterialIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		12466B3E03644874B10F4E80 /* Octicons.ttf */ = {isa = PBXFileReference; name = "Octicons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Octicons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		4B5B004BF258459B81C5C48B /* SimpleLineIcons.ttf */ = {isa = PBXFileReference; name = "SimpleLineIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/SimpleLineIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		B126A8B0E2554BB782A736AD /* Zocial.ttf */ = {isa = PBXFileReference; name = "Zocial.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Zocial.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		A0E420B4A8CA4C30946F31CB /* AntDesign.ttf */ = {isa = PBXFileReference; name = "AntDesign.ttf"; path = "../android/app/src/main/assets/fonts/AntDesign.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		F1FEACDB86944CE0A5762671 /* Entypo.ttf */ = {isa = PBXFileReference; name = "Entypo.ttf"; path = "../android/app/src/main/assets/fonts/Entypo.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		9A37F0BC711B4F83987DD2DA /* EvilIcons.ttf */ = {isa = PBXFileReference; name = "EvilIcons.ttf"; path = "../android/app/src/main/assets/fonts/EvilIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		EE9283008B5F43D3B630AB4C /* Feather.ttf */ = {isa = PBXFileReference; name = "Feather.ttf"; path = "../android/app/src/main/assets/fonts/Feather.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		B8A40CC8DE914DFCA57C7166 /* FontAwesome.ttf */ = {isa = PBXFileReference; name = "FontAwesome.ttf"; path = "../android/app/src/main/assets/fonts/FontAwesome.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		3E02573E32934A28AB4AFBC0 /* FontAwesome5_Brands.ttf */ = {isa = PBXFileReference; name = "FontAwesome5_Brands.ttf"; path = "../android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		F3CC44471D0E42399006D8D7 /* FontAwesome5_Regular.ttf */ = {isa = PBXFileReference; name = "FontAwesome5_Regular.ttf"; path = "../android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		7E378395DED34944A021E147 /* FontAwesome5_Solid.ttf */ = {isa = PBXFileReference; name = "FontAwesome5_Solid.ttf"; path = "../android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		53493A17142645DBA9F6DC67 /* Fontisto.ttf */ = {isa = PBXFileReference; name = "Fontisto.ttf"; path = "../android/app/src/main/assets/fonts/Fontisto.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		CC0953D1DEF94DBEB14CB6CB /* Foundation.ttf */ = {isa = PBXFileReference; name = "Foundation.ttf"; path = "../android/app/src/main/assets/fonts/Foundation.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		2F6B6066889D487C833DE16C /* Ionicons.ttf */ = {isa = PBXFileReference; name = "Ionicons.ttf"; path = "../android/app/src/main/assets/fonts/Ionicons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		5C72D9A1AA064C1FBD3FB6D4 /* MaterialCommunityIcons.ttf */ = {isa = PBXFileReference; name = "MaterialCommunityIcons.ttf"; path = "../android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		60E032AFBF60405196DC2F7F /* MaterialIcons.ttf */ = {isa = PBXFileReference; name = "MaterialIcons.ttf"; path = "../android/app/src/main/assets/fonts/MaterialIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		C4477A2DC7844C39A926E310 /* Octicons.ttf */ = {isa = PBXFileReference; name = "Octicons.ttf"; path = "../android/app/src/main/assets/fonts/Octicons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		C916B68FA7C54DC4BFF828B9 /* OpenSans-Bold.ttf */ = {isa = PBXFileReference; name = "OpenSans-Bold.ttf"; path = "../android/app/src/main/assets/fonts/OpenSans-Bold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		8A4C3D643DA844C4AABBEFAA /* OpenSans-BoldItalic.ttf */ = {isa = PBXFileReference; name = "OpenSans-BoldItalic.ttf"; path = "../android/app/src/main/assets/fonts/OpenSans-BoldItalic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		F5D24F4C047C4E57B374ABE4 /* OpenSans-ExtraBold.ttf */ = {isa = PBXFileReference; name = "OpenSans-ExtraBold.ttf"; path = "../android/app/src/main/assets/fonts/OpenSans-ExtraBold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		0D4BF6203C3A498A8CEEB0CC /* OpenSans-ExtraBoldItalic.ttf */ = {isa = PBXFileReference; name = "OpenSans-ExtraBoldItalic.ttf"; path = "../android/app/src/main/assets/fonts/OpenSans-ExtraBoldItalic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		2B8C8620561C4E30B96A6542 /* OpenSans-Italic.ttf */ = {isa = PBXFileReference; name = "OpenSans-Italic.ttf"; path = "../android/app/src/main/assets/fonts/OpenSans-Italic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		EF5FC39E403B4DE8AC079F98 /* OpenSans-Light.ttf */ = {isa = PBXFileReference; name = "OpenSans-Light.ttf"; path = "../android/app/src/main/assets/fonts/OpenSans-Light.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		15F75774EBDB4DBA9B3D7B3C /* OpenSans-LightItalic.ttf */ = {isa = PBXFileReference; name = "OpenSans-LightItalic.ttf"; path = "../android/app/src/main/assets/fonts/OpenSans-LightItalic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		B49C282870BD49ED9CFFB35C /* OpenSans-Regular.ttf */ = {isa = PBXFileReference; name = "OpenSans-Regular.ttf"; path = "../android/app/src/main/assets/fonts/OpenSans-Regular.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		4E334315409B4ADCBBCE05A6 /* OpenSans-SemiBold.ttf */ = {isa = PBXFileReference; name = "OpenSans-SemiBold.ttf"; path = "../android/app/src/main/assets/fonts/OpenSans-SemiBold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		9C96F71A511846DEBF53BF42 /* OpenSans-SemiBoldItalic.ttf */ = {isa = PBXFileReference; name = "OpenSans-SemiBoldItalic.ttf"; path = "../android/app/src/main/assets/fonts/OpenSans-SemiBoldItalic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		EA71C1945DDB4D96B14BB2CC /* SimpleLineIcons.ttf */ = {isa = PBXFileReference; name = "SimpleLineIcons.ttf"; path = "../android/app/src/main/assets/fonts/SimpleLineIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		448EA8419490487D8CBA8483 /* Zocial.ttf */ = {isa = PBXFileReference; name = "Zocial.ttf"; path = "../android/app/src/main/assets/fonts/Zocial.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -109,6 +193,7 @@
 				00E356EF1AD99517003FC87E /* shhTalkTests */,
 				83CBBA001A601CBA00E9B192 /* Products */,
 				2D16E6871FA4F8E400B85C8A /* Frameworks */,
+				D7EE7A95CA5A40B588CAA7E9 /* Resources */,
 			);
 			indentWidth = 2;
 			sourceTree = "<group>";
@@ -124,6 +209,56 @@
 			name = Products;
 			sourceTree = "<group>";
 		};
+		D7EE7A95CA5A40B588CAA7E9 /* Resources */ = {
+			isa = "PBXGroup";
+			children = (
+				79D31B52405544718DEFDEA8 /* AntDesign.ttf */,
+				E06FCC9CCE8C44D6ACA4D481 /* Entypo.ttf */,
+				FB0289675CBF41B99A9625E7 /* EvilIcons.ttf */,
+				B1365CD601AB4052AE8CF531 /* Feather.ttf */,
+				CB417F2E6CF84AD69D8913C7 /* FontAwesome.ttf */,
+				A3E4FC835265428CA874E309 /* FontAwesome5_Brands.ttf */,
+				EA22FB7574874F49B6D0E217 /* FontAwesome5_Regular.ttf */,
+				4E9649BEC20C4A1EBAC424D2 /* FontAwesome5_Solid.ttf */,
+				98ADC7F0E7D74E6ABFA783B1 /* Fontisto.ttf */,
+				8BE71E540A1A4990B85FE08E /* Foundation.ttf */,
+				3A3C0B1CED8A4BFBBA7D1CA0 /* Ionicons.ttf */,
+				C01687F25ED3493399F97A15 /* MaterialCommunityIcons.ttf */,
+				44AB13C4FA2D49B78E65707D /* MaterialIcons.ttf */,
+				12466B3E03644874B10F4E80 /* Octicons.ttf */,
+				4B5B004BF258459B81C5C48B /* SimpleLineIcons.ttf */,
+				B126A8B0E2554BB782A736AD /* Zocial.ttf */,
+				A0E420B4A8CA4C30946F31CB /* AntDesign.ttf */,
+				F1FEACDB86944CE0A5762671 /* Entypo.ttf */,
+				9A37F0BC711B4F83987DD2DA /* EvilIcons.ttf */,
+				EE9283008B5F43D3B630AB4C /* Feather.ttf */,
+				B8A40CC8DE914DFCA57C7166 /* FontAwesome.ttf */,
+				3E02573E32934A28AB4AFBC0 /* FontAwesome5_Brands.ttf */,
+				F3CC44471D0E42399006D8D7 /* FontAwesome5_Regular.ttf */,
+				7E378395DED34944A021E147 /* FontAwesome5_Solid.ttf */,
+				53493A17142645DBA9F6DC67 /* Fontisto.ttf */,
+				CC0953D1DEF94DBEB14CB6CB /* Foundation.ttf */,
+				2F6B6066889D487C833DE16C /* Ionicons.ttf */,
+				5C72D9A1AA064C1FBD3FB6D4 /* MaterialCommunityIcons.ttf */,
+				60E032AFBF60405196DC2F7F /* MaterialIcons.ttf */,
+				C4477A2DC7844C39A926E310 /* Octicons.ttf */,
+				C916B68FA7C54DC4BFF828B9 /* OpenSans-Bold.ttf */,
+				8A4C3D643DA844C4AABBEFAA /* OpenSans-BoldItalic.ttf */,
+				F5D24F4C047C4E57B374ABE4 /* OpenSans-ExtraBold.ttf */,
+				0D4BF6203C3A498A8CEEB0CC /* OpenSans-ExtraBoldItalic.ttf */,
+				2B8C8620561C4E30B96A6542 /* OpenSans-Italic.ttf */,
+				EF5FC39E403B4DE8AC079F98 /* OpenSans-Light.ttf */,
+				15F75774EBDB4DBA9B3D7B3C /* OpenSans-LightItalic.ttf */,
+				B49C282870BD49ED9CFFB35C /* OpenSans-Regular.ttf */,
+				4E334315409B4ADCBBCE05A6 /* OpenSans-SemiBold.ttf */,
+				9C96F71A511846DEBF53BF42 /* OpenSans-SemiBoldItalic.ttf */,
+				EA71C1945DDB4D96B14BB2CC /* SimpleLineIcons.ttf */,
+				448EA8419490487D8CBA8483 /* Zocial.ttf */,
+			);
+			name = Resources;
+			sourceTree = "<group>";
+			path = "";
+		};
 /* End PBXGroup section */
 
 /* Begin PBXNativeTarget section */
@@ -214,6 +349,48 @@
 			files = (
 				81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
 				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
+				E160F962BB6144239E9FFAC8 /* AntDesign.ttf in Resources */,
+				F16EF20EE0FE4A09BE7AD7D0 /* Entypo.ttf in Resources */,
+				389BAB51E4F34C059BC4A143 /* EvilIcons.ttf in Resources */,
+				146896419B4644A6ACD7277D /* Feather.ttf in Resources */,
+				C386C78B41284472BE5D9C02 /* FontAwesome.ttf in Resources */,
+				1EDAFE1332944F2E8ED86013 /* FontAwesome5_Brands.ttf in Resources */,
+				F3379C7873B447AA90B2DB15 /* FontAwesome5_Regular.ttf in Resources */,
+				734DEDF0A48C4E9592BCFC4B /* FontAwesome5_Solid.ttf in Resources */,
+				FCC49837F2C54DC6AE4C80D4 /* Fontisto.ttf in Resources */,
+				AEC72BD8FD8C4D3D9C206724 /* Foundation.ttf in Resources */,
+				FF603C50231D49208C39C13D /* Ionicons.ttf in Resources */,
+				FD7BF4665306498391570626 /* MaterialCommunityIcons.ttf in Resources */,
+				70E86BAABA9C4A0AAB441BDF /* MaterialIcons.ttf in Resources */,
+				546E143A356F427D8D7FB493 /* Octicons.ttf in Resources */,
+				360ECB755B8F4D639912CF98 /* SimpleLineIcons.ttf in Resources */,
+				5C173FFD1CC04FFB81237430 /* Zocial.ttf in Resources */,
+				561DA45D12A54E69B8DC8983 /* AntDesign.ttf in Resources */,
+				424D969C2BFF41DF8E31532B /* Entypo.ttf in Resources */,
+				0C26BEB317CF48869C49E35B /* EvilIcons.ttf in Resources */,
+				FEE5E46A1F9E4851B4632EDA /* Feather.ttf in Resources */,
+				43545FD3E67C49BA92186ACB /* FontAwesome.ttf in Resources */,
+				C1AF3B13EDE64AE18E0E4F63 /* FontAwesome5_Brands.ttf in Resources */,
+				A1798A14DCCF43529178ACFA /* FontAwesome5_Regular.ttf in Resources */,
+				E623F2CEEFDE4FD6B0453656 /* FontAwesome5_Solid.ttf in Resources */,
+				5BE888580BC642A988600803 /* Fontisto.ttf in Resources */,
+				19DB93F52E8D4EF0B39450B1 /* Foundation.ttf in Resources */,
+				BAF6C3B29BB040C68749AC71 /* Ionicons.ttf in Resources */,
+				141D1C27D1F14A92B889DB2B /* MaterialCommunityIcons.ttf in Resources */,
+				2EE4E344EF834131AFADC680 /* MaterialIcons.ttf in Resources */,
+				F3E5B65BF0E748DD929B84EC /* Octicons.ttf in Resources */,
+				C44A03C0A69E4B2CAF46EDC5 /* OpenSans-Bold.ttf in Resources */,
+				81A9B26A1B02487E864F0156 /* OpenSans-BoldItalic.ttf in Resources */,
+				8F9E17E742F840A0AD005D72 /* OpenSans-ExtraBold.ttf in Resources */,
+				9EFE00AECB1A4D1DB85F4310 /* OpenSans-ExtraBoldItalic.ttf in Resources */,
+				40135A6E667D4C93AC2045BE /* OpenSans-Italic.ttf in Resources */,
+				05C5C185A80443A09624F991 /* OpenSans-Light.ttf in Resources */,
+				BCA8E0F5497C4406990F9E69 /* OpenSans-LightItalic.ttf in Resources */,
+				03DFE0A5B6534DC08E64A752 /* OpenSans-Regular.ttf in Resources */,
+				51636131564044269853CAC8 /* OpenSans-SemiBold.ttf in Resources */,
+				5BD55C5EF2B44C4FBCC2375D /* OpenSans-SemiBoldItalic.ttf in Resources */,
+				128536A3F3A14E9E84729743 /* SimpleLineIcons.ttf in Resources */,
+				D50D511EBEE84517A83FB5FB /* Zocial.ttf in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
diff --git a/ios/shhTalk/Info.plist b/ios/shhTalk/Info.plist
index b304ae2..5f392cb 100644
--- a/ios/shhTalk/Info.plist
+++ b/ios/shhTalk/Info.plist
@@ -36,7 +36,7 @@
 		</dict>
 	</dict>
 	<key>NSLocationWhenInUseUsageDescription</key>
-	<string></string>
+	<string/>
 	<key>UILaunchStoryboardName</key>
 	<string>LaunchScreen</string>
 	<key>UIRequiredDeviceCapabilities</key>
@@ -51,5 +51,34 @@
 	</array>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
 	<false/>
+	<key>UIAppFonts</key>
+	<array>
+		<string>AntDesign.ttf</string>
+		<string>Entypo.ttf</string>
+		<string>EvilIcons.ttf</string>
+		<string>Feather.ttf</string>
+		<string>FontAwesome.ttf</string>
+		<string>FontAwesome5_Brands.ttf</string>
+		<string>FontAwesome5_Regular.ttf</string>
+		<string>FontAwesome5_Solid.ttf</string>
+		<string>Fontisto.ttf</string>
+		<string>Foundation.ttf</string>
+		<string>Ionicons.ttf</string>
+		<string>MaterialCommunityIcons.ttf</string>
+		<string>MaterialIcons.ttf</string>
+		<string>Octicons.ttf</string>
+		<string>SimpleLineIcons.ttf</string>
+		<string>Zocial.ttf</string>
+		<string>OpenSans-Bold.ttf</string>
+		<string>OpenSans-BoldItalic.ttf</string>
+		<string>OpenSans-ExtraBold.ttf</string>
+		<string>OpenSans-ExtraBoldItalic.ttf</string>
+		<string>OpenSans-Italic.ttf</string>
+		<string>OpenSans-Light.ttf</string>
+		<string>OpenSans-LightItalic.ttf</string>
+		<string>OpenSans-Regular.ttf</string>
+		<string>OpenSans-SemiBold.ttf</string>
+		<string>OpenSans-SemiBoldItalic.ttf</string>
+	</array>
 </dict>
 </plist>
diff --git a/package-lock.json b/package-lock.json
index 93a66bd..0ad00fc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,18 +1,18 @@
 {
   "name": "shhTalk",
-  "version": "0.0.1",
+  "version": "2.0.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "version": "0.0.1",
+      "version": "2.0.0",
       "dependencies": {
         "@react-native-async-storage/async-storage": "^1.15.1",
         "@react-native-community/masked-view": "^0.1.10",
         "@react-native-firebase/app": "^11.3.2",
         "react": "17.0.1",
         "react-native": "0.64.0",
-        "react-native-elements": "^3.3.2",
+        "react-native-elements": "^3.4.1",
         "react-native-flash-message": "^0.1.23",
         "react-native-floating-action": "^1.21.0",
         "react-native-gesture-handler": "^1.10.3",
@@ -10682,9 +10682,9 @@
       }
     },
     "node_modules/react-native-elements": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/react-native-elements/-/react-native-elements-3.3.2.tgz",
-      "integrity": "sha512-bDWQt0WEuJEOrwzSYx0mVBV3aoRtJAsK0Kc2sioMsshSEhPOZK17Ccx+EvLBSpZ9uWxPyx42Z7hUH/8dQNu67g==",
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/react-native-elements/-/react-native-elements-3.4.1.tgz",
+      "integrity": "sha512-SPotW75psW1qyZgtiWuiKSTASdd4yNYvf6/vgO6nyl2kEgZG5nP5wtFxL/GsUVxwHh7yc8xnJ3J9pkApa7p9lQ==",
       "hasInstallScript": true,
       "dependencies": {
         "@types/react-native-vector-icons": "^6.4.6",
@@ -21923,9 +21923,9 @@
       }
     },
     "react-native-elements": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/react-native-elements/-/react-native-elements-3.3.2.tgz",
-      "integrity": "sha512-bDWQt0WEuJEOrwzSYx0mVBV3aoRtJAsK0Kc2sioMsshSEhPOZK17Ccx+EvLBSpZ9uWxPyx42Z7hUH/8dQNu67g==",
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/react-native-elements/-/react-native-elements-3.4.1.tgz",
+      "integrity": "sha512-SPotW75psW1qyZgtiWuiKSTASdd4yNYvf6/vgO6nyl2kEgZG5nP5wtFxL/GsUVxwHh7yc8xnJ3J9pkApa7p9lQ==",
       "requires": {
         "@types/react-native-vector-icons": "^6.4.6",
         "color": "^3.1.2",
diff --git a/package.json b/package.json
index a522aa6..510ee53 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "shhTalk",
-  "version": "0.0.1",
+  "version": "2.0.0",
   "private": true,
   "scripts": {
     "android": "react-native run-android",
@@ -15,7 +15,7 @@
     "@react-native-firebase/app": "^11.3.2",
     "react": "17.0.1",
     "react-native": "0.64.0",
-    "react-native-elements": "^3.3.2",
+    "react-native-elements": "^3.4.1",
     "react-native-flash-message": "^0.1.23",
     "react-native-floating-action": "^1.21.0",
     "react-native-gesture-handler": "^1.10.3",
diff --git a/react-native.config.js b/react-native.config.js
new file mode 100644
index 0000000..dcba8ad
--- /dev/null
+++ b/react-native.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+    project: {
+      ios: {},
+      android: {},
+    },
+    assets: ["./assets/fonts/"],
+  };
\ No newline at end of file
diff --git a/src/components/Chat.js b/src/components/Chat.js
index ece6be7..30ea090 100644
--- a/src/components/Chat.js
+++ b/src/components/Chat.js
@@ -1,18 +1,28 @@
 import React from 'react';
-import {StyleSheet} from 'react-native';
-import { ListItem, Avatar } from 'react-native-elements';
-
-const Chat = ({title}) => {
+import {StyleSheet, View} from 'react-native';
+import { ListItem, Avatar, Badge} from 'react-native-elements';
 
+const Chat = ({title, subtitle}) => {
+    const color = (subtitle == "Room Active") ? "#039910": "#b01804";
     return (
             <ListItem bottomDivider containerStyle={styles.containerStyle}>
-                <Avatar 
-                    rounded
-                    source={require('../../assets/chat_icon.png')}
-                    size='medium'
-                />
+                <View>
+                    <Avatar
+                        rounded
+                        overlayContainerStyle={{backgroundColor:"#EF233C", borderWidth:1, borderColor:"#f75252"}}
+                        title={title}
+                        size={55}
+                    />
+                    {subtitle == "Room Active"?
+                    <Badge
+                        status="success"
+                        containerStyle={{ position: 'absolute', top: 2, right: 2}}
+                        badgeStyle={{height:11, width:11}}
+                    />:null}
+                </View>
                 <ListItem.Content>
                 <ListItem.Title style={styles.textStyle}>{title}</ListItem.Title>
+                <ListItem.Subtitle style={{color}}>{subtitle}</ListItem.Subtitle>
                 </ListItem.Content>
             </ListItem>
     );
@@ -23,11 +33,11 @@ const Chat = ({title}) => {
 const styles = StyleSheet.create({
     textStyle:{
         fontSize:19,
+        fontFamily:"OpenSans-SemiBold",
     },
     containerStyle:{
-        backgroundColor:'#f3edf7',
+        backgroundColor:'#d5dbe6',
         paddingVertical:10,
-        marginHorizontal:10
     }
 });
 
diff --git a/src/components/CreateChat.js b/src/components/CreateChat.js
index 689d7bb..02be337 100644
--- a/src/components/CreateChat.js
+++ b/src/components/CreateChat.js
@@ -1,6 +1,6 @@
-import React, {useState, useContext, useEffect} from 'react';
+import React, {useState, useContext} from 'react';
 import {View, Text, StyleSheet} from 'react-native';
-import {Icon, Input, Button} from 'react-native-elements';
+import {Input, Button, Avatar} from 'react-native-elements';
 import {Context as DataContext} from '../contexts/DataContext';
 import {Context as ServerDataContext} from '../contexts/ServerDataContext';
 
@@ -10,20 +10,23 @@ const CreateChat = ({navigation}) => {
     const [value, setValue] = useState('');
     const {createRoom, state} = useContext(DataContext);
     const {createServer} = useContext(ServerDataContext);
-    useEffect(() => {
-        navigation.setParams({needsConfirmation:false});
-      }, []);
     return (
         <View style={styles.container}>
-            <Icon reverse name="edit-3" type='feather' size={30} color="#967DE7" />
+            <Avatar 
+                rounded
+                overlayContainerStyle={{backgroundColor:"#EF233C", borderWidth:3, borderColor:"#f75252"}}
+                title={(value.length > 0) ? value : "Shh"}
+                size={120}
+            />
             <Input 
                 placeholder="Enter room name"
                 value={value}
                 onChangeText={setValue}
                 autoCapitalize='words'
                 style={{marginTop:10}}
+                inputStyle={{fontFamily:"OpenSans-Regular"}}
             />
-            <Button title="Let's Go" buttonStyle={{backgroundColor:'#967DE7'}} onPress={() => {
+            <Button title="Let's Go" disabled={value.length<1} titleStyle={{fontFamily:"OpenSans-Regular"}} buttonStyle={{backgroundColor:'#2B2D42'}} onPress={() => {
                 let id = createRoom(value, state.length);
                 createServer(id, value);
                 navigation.pop();
@@ -37,6 +40,7 @@ const CreateChat = ({navigation}) => {
 CreateChat.navigationOptions = () => {
     return {
         headerTitle: () => <Text style={styles.headerTextStyle}>Create Room</Text>,
+        headerTintColor:"white",
         headerStyle: styles.headerStyle,
     }
 };
@@ -44,17 +48,19 @@ CreateChat.navigationOptions = () => {
 const styles = StyleSheet.create({
     container:{
         flex:1,
-        backgroundColor:'#f3edf7',
+        backgroundColor:'#EDF2F4',
         justifyContent:'center',
         paddingHorizontal:80,
         alignItems:'center',
     },
     headerStyle: {
-        backgroundColor: '#DACFFE',
+        backgroundColor: '#2B2D42',
+        height:65
     },
     headerTextStyle: {
-        fontSize:20,
-        fontWeight:'bold'
+        fontFamily: 'OpenSans-SemiBold',
+        fontSize:25,
+        color:"white"
     },
 });
 
diff --git a/src/contexts/ClientDataContext.js b/src/contexts/ClientDataContext.js
index e57c592..fbee861 100644
--- a/src/contexts/ClientDataContext.js
+++ b/src/contexts/ClientDataContext.js
@@ -26,10 +26,10 @@ const clientDataReducer = (state, action) => {
     }
     case 'set_data':
       return {...action.payload, listeners: state.listeners};
-    case 'message':{
-      action.payload.callback(state.active_id, action.payload.data);
-      return state;
-    }
+    // case 'message':{
+    //   action.payload.callback(state.active_id, action.payload.data);
+    //   return state;
+    // }
     case 'client_error':{
       showMessage({
         message:"Cannot Join Room",
@@ -104,10 +104,11 @@ const loadConfig = dispatch => async () => {
   }
 }
 
-const subscribeAll = dispatch => (callback) => {
+const subscribeAll = dispatch => (id, callback) => {
   // console.log("subscribeAll called");
   const addData = (data) => {
-      dispatch({type:'message', payload:{callback, data}})
+      // dispatch({type:'message', payload:{callback, data}});
+      callback(id, data);
   }
 
   const roomLost = () => {
@@ -141,5 +142,8 @@ const connectClient = dispatch => async (length, createRoom) => {
   dispatch({type:'connect', payload:{ip, clientConnect, clientError}});
 };
 
+const loadMsg = () => () => {
+  LocalClient.loadMsg(); 
+}
 
-export const {Context, Provider} = createDataContext(clientDataReducer, {connectClient, subscribeAll, sendMsg, unsubscribeAll, loadConfig}, {active_id:'', client_open:false, username:'', listeners:{}, server_ip:'', active_title:''});
\ No newline at end of file
+export const {Context, Provider} = createDataContext(clientDataReducer, {connectClient, subscribeAll, sendMsg, unsubscribeAll, loadConfig, loadMsg}, {active_id:'', client_open:false, username:'', listeners:{}, server_ip:'', active_title:''});
\ No newline at end of file
diff --git a/src/contexts/ServerDataContext.js b/src/contexts/ServerDataContext.js
index 375cd94..f8d07c6 100644
--- a/src/contexts/ServerDataContext.js
+++ b/src/contexts/ServerDataContext.js
@@ -53,14 +53,14 @@ const serverDataReducer = (state, action) => {
       const connect = eventEmitter.addListener('client-connect', (params) => {
         action.payload.addClient(params);
         const data = {id:Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 5), date:getCurrentTime(), type:'system',  message: "joined the chat", user:params.name};
-        LocalServer.sendMsg(params.address, JSON.stringify(data));
+        // LocalServer.sendMsg(params.address, JSON.stringify(data));
         action.payload.addData(data);
       });
 
       const disconnect = eventEmitter.addListener('client-disconnect', (params) => {
         action.payload.removeClient(params);
         const data = {id:Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 5), date:getCurrentTime(), type:'system',  message: "left the chat", user:params.name};
-        LocalServer.sendMsg(params.address, JSON.stringify(data));
+        // LocalServer.sendMsg(params.address, JSON.stringify(data));
         action.payload.addData(data);
       });
       const message = eventEmitter.addListener('message', (params) => {
diff --git a/src/screens/ChatDetail.js b/src/screens/ChatDetail.js
index 140ec11..4909cfc 100644
--- a/src/screens/ChatDetail.js
+++ b/src/screens/ChatDetail.js
@@ -25,13 +25,16 @@ const renderDate = (date) => {
 export const getCurrentTime = () => {
   let date = new Date();
   let hour = date.getHours();
+  if(hour < 10){
+    hour = "0" + hour;
+  }
   let min = date.getMinutes();
   let meredin = "am";
   if(hour >= 13){
     hour -= 12;
     meredin = "pm";
   }
-  if(JSON.stringify(min).length < 2){
+  if(min < 10){
     min = "0" + min;
   }
   let str = hour + ":" + min + " " + meredin;
@@ -55,8 +58,9 @@ const ChatDetail = ({navigation}) => {
     const isChatAlive = navigation.getParam("isChatAlive");
     useEffect(() => {
       if(isChatAlive){
-        if(isClient) subscribeAll(setChat);
-        else subscribeAll(active_id, setChat);
+        // if(isClient) subscribeAll(setChat);
+        // else subscribeAll(active_id, setChat);
+        subscribeAll(active_id, setChat);
         loadMsg();
       }
       return () => {
@@ -88,7 +92,7 @@ const ChatDetail = ({navigation}) => {
               let itemStyle = inMessage ? styles.itemIn : styles.itemOut;
               return (
                 <View style={[styles.item, itemStyle]}>
-                  {inMessage ? <Text style={{paddingLeft:5, fontWeight:'bold', color:'black'}}>{item.user}</Text> : null}
+                  {true ? <Text style={{paddingLeft:5, fontWeight:'bold', color:'black'}}>{item.user}</Text> : null}
                   <View style={[{flexDirection: 'row',}]}>
                     {!inMessage && renderDate(item.date)}
                     <View style={[styles.balloon]}>
@@ -109,6 +113,7 @@ const ChatDetail = ({navigation}) => {
               <Text style={{
                 fontSize:18,
                 color:'#646466',
+                fontFamily: "OpenSans-SemiBold",
               }}>You can't reply to this conversation</Text>
             </View> : null}
             {isChatAlive ? <>
@@ -139,6 +144,8 @@ const ChatDetail = ({navigation}) => {
 ChatDetail.navigationOptions = ({navigation}) => {
     var header = {
         headerTitle: () => <Text style={styles.headerTextStyle}>{navigation.getParam('title')}</Text>,
+        headerStyle: styles.headerStyle,
+        headerTintColor:"white",
     };
     if(navigation.getParam('isChatAlive')){
       header = {...header, headerRight: () => (
@@ -156,6 +163,9 @@ ChatDetail.navigationOptions = ({navigation}) => {
 };
 
 const styles = StyleSheet.create({
+    headerStyle: {
+      backgroundColor: '#2B2D42',
+    },
     systemStyle:{
       alignItems:'center',
       marginTop:5,
@@ -165,11 +175,12 @@ const styles = StyleSheet.create({
     },
     headerTextStyle: {
         fontSize:23,
-        fontWeight:'bold'
+        fontFamily: "OpenSans-SemiBold",
+        color:"white"
     },
     container:{
         flex:1,
-        backgroundColor:'#efebff'
+        backgroundColor:'#EDF2F4'
     },
     list:{
         paddingHorizontal: 17,
@@ -195,11 +206,11 @@ const styles = StyleSheet.create({
         alignSelf:'center',
     },
     inputContainer: {
-        borderBottomColor: '#F5FCFF',
+        borderBottomColor: '#EDF2F4',
         backgroundColor: '#FFFFFF',
         borderRadius:30,
         borderBottomWidth: 1,
-        height:40,
+        height:45,
         flexDirection: 'row',
         alignItems:'center',
         flex:1,
@@ -210,6 +221,8 @@ const styles = StyleSheet.create({
         marginLeft:16,
         borderBottomColor: '#FFFFFF',
         flex:1,
+        fontSize:16,
+        fontFamily: "OpenSans-Regular"
     },
     balloon: {
         maxWidth: 250,
@@ -222,14 +235,14 @@ const styles = StyleSheet.create({
         borderBottomRightRadius:15,
         borderTopRightRadius:15,
         borderTopLeftRadius:15,
-        backgroundColor:'#bda9fc'
+        backgroundColor:'#FBBA74'
     },
     itemOut: {
         alignSelf: 'flex-end',
         borderBottomLeftRadius:15,
         borderTopRightRadius:15,
         borderTopLeftRadius:15,
-        backgroundColor:'#dacffe'
+        backgroundColor:'#FFA970'
     },
     time: {
         alignSelf: 'flex-end',
diff --git a/src/screens/ChatsScreen.js b/src/screens/ChatsScreen.js
index 3bb5ff8..b699921 100644
--- a/src/screens/ChatsScreen.js
+++ b/src/screens/ChatsScreen.js
@@ -28,15 +28,17 @@ const ChatsScreen = ({ navigation }) => {
     const actions = [
         {
             text: "Create Room",
-            icon: <Icon reverse name="edit-3" type='feather' size={25} color="#967DE7" />,
+            icon: <Icon reverse name="edit-3" type='feather' size={25} color="#2B2D42" />,
             name: "create_room",
-            textStyle: styles.textStyle
+            textStyle: styles.textStyle,
+            textBackground:"#D90429"
         },
         {
             text: "Join Room",
-            icon: <Icon reverse name="log-in" type='feather' size={25} color="#967DE7" />,
+            icon: <Icon reverse name="log-in" type='feather' size={25} color="#2B2D42" />,
             name: "join_room",
-            textStyle: styles.textStyle
+            textStyle: styles.textStyle,
+            textBackground:"#D90429"
         }
     ];
 
@@ -58,12 +60,12 @@ const ChatsScreen = ({ navigation }) => {
                             }
                             navigation.navigate('ChatDetail', { title: item.title, id: item.id, isChatAlive, isClient}) 
                         }}>
-                    <Chat title={item.title} />
+                    <Chat title={item.title} subtitle={((server_open && item.id == server_active_id) || (client_open && item.id == client_active_id)) ? "Room Active":"Room Closed"} />
                 </TouchableOpacity>
             }}
         /> :
             <View style={{ paddingBottom: 100, flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-                <Text style={{ fontSize: 23, textAlign: "center", color: 'rgba(0,0,0,0.3)' }}>Nothing here.{"\n"} Tap "+" to create or join a chat room.</Text>
+                <Text style={{ fontSize: 23, fontFamily: "OpenSans-SemiBold", textAlign: "center", color: 'rgba(0,0,0,0.3)' }}>Nothing here.{"\n"} Tap "+" to create or join a chat room.</Text>
             </View>
         }
         <Overlay isVisible={del.visible} overlayStyle={{ width: Dimensions.get('window').width * 0.7 }} onBackdropPress={() => { setDel({ visible: !del.visible, key: null }) }}>
@@ -79,22 +81,22 @@ const ChatsScreen = ({ navigation }) => {
             <Text style={styles.overlayText}>Attention!   </Text>
             <Text style={{ fontSize: 17, padding: 16, textAlign: 'justify', borderWidth: 1, borderRadius: 15, marginBottom: 5 }}>You are about to join a chatroom. Before proceeding,
             {"\n"}{"\n"}Ensure that you are connected to the mobile hotspot of the room admin.</Text>
-            <View style={{ backgroundColor: '#967DE7', flexDirection: 'row', bottom: 0, left: 0, right: 0 }}>
+            <View style={{ backgroundColor: '#2B2D42', flexDirection: 'row', bottom: 0, left: 0, right: 0 }}>
                 <View style={{ flex: 1 }}>
-                    <Button title="Cancel" onPress={toggleOverlay} buttonStyle={{ backgroundColor: '#967DE7' }} />
+                    <Button title="Cancel" onPress={toggleOverlay} buttonStyle={{ backgroundColor: '#2B2D42' }} />
                 </View>
                 <View style={{ flex: 1 }}>
                     <Button title="Continue" onPress={() => {
                         toggleOverlay();
                         connectClient(data.length, createRoom);
-                    }} buttonStyle={{ backgroundColor: '#967DE7' }} />
+                    }} buttonStyle={{ backgroundColor: '#2B2D42' }} />
                 </View>
             </View>
         </Overlay>
         <FloatingAction
             actions={actions}
-            overlayColor='rgba(0, 0, 0, 0.5)'
-            color="#967DE7"
+            overlayColor='rgba(0, 0, 0, 0.2)'
+            color="#2B2D42"
             onPressItem={name => {
                 if (name == 'create_room') {
                     if (!server_open && !client_open)
@@ -135,17 +137,23 @@ ChatsScreen.navigationOptions = () => {
 
 const styles = StyleSheet.create({
     headerStyle: {
-        backgroundColor: '#DACFFE',
+        backgroundColor: '#2B2D42',
+        height:65
     },
     headerTextStyle: {
-        fontSize: 30,
-        fontWeight: 'bold'
+        fontSize: 33,
+        color:"white",
+        // fontWeight: 'bold',
+        fontFamily: 'OpenSans-SemiBold'
     },
     container: {
+        backgroundColor: "#EDF2F4",
         flex: 1
     },
     textStyle: {
-        fontSize: 15,
+        fontSize: 16,
+        fontFamily: 'OpenSans-SemiBold',
+        color:"white",
     },
     overlayStyle: {
         // height:'48%',
@@ -155,7 +163,7 @@ const styles = StyleSheet.create({
         fontSize: 25,
         fontWeight: 'bold',
         alignSelf: 'center',
-        color: '#b82c02',
+        color: '#D90429',
         marginBottom: 10,
     }
 });