Check network connection and background colorchange

src/app/services/socket/synchro.service.ts

@@ -55,6 +55,7 @@ export class SynchroService {
 	}
 
 	private onopen = () =>{
+    document.body.style.setProperty(`--color`, "#0782C9");
     console.log('open ======================= welcome to socket server')
 
 	}
@@ -85,6 +86,7 @@ export class SynchroService {
 				// event.code is usually 1006 in this case
 				console.log('[close] Connection died');
         console.log('Reconnect')
+        document.body.style.setProperty(`--color`, "#eeeb30");
         this.connect()
 			}
 		}, 100);