ref(chat): differentiate local and remote messages with background color

css/_chat.scss

 }
 
 .chatmessage {
-    background-color: $newToolbarBackgroundColor;
+    background-color: rgba(240, 243, 247, 0.15);
     width: 93%;
     margin-left: 9px;
     margin-right: auto;
     position: relative;
 
     &.localuser {
+        background-color: rgba(26, 108, 180, 1);
         border-radius: 6px 0px 6px 6px;
-
-        .display-name {
-            color: #4C9AFF
-        }
     }
 
     &.error {