chatview: UI color revision

- use configurable color for incoming messages and send file container
- use dark-blue for action-buttons (windows)

Change-Id: Ib6fe82c44b37aa60bf62032bcf26206f1bdb4eee

src/web-chatview/chatview-windows.css

@@ -16,7 +16,7 @@
     --textarea-max-height: 150px;
     --placeholder-text-color: #d3d3d3;
     /* button properties */
-    --action-icon-color: #00;
+    --action-icon-color: var(--jami-dark-blue);
     --deactivated-icon-color: #bebebe;
     --action-icon-hover-color: #ededed;
     --action-critical-icon-hover-color: rgba(211, 77, 59, 0.3); /* complementary color of jami light blue */
@@ -69,10 +69,6 @@ body {
     margin: 0px 10px 0px 10px;
 }
 
-.message_in .message_wrapper {
-    background-color: #cfebf5;
-}
-
 .message_in .sender_image,
 .message_out .sender_image {
     visibility: hidden;

src/web-chatview/chatview.css

@@ -440,7 +440,7 @@ a:hover {
     border: 3px solid rgba(255,255,255,0);
     padding: 30px;
     border-radius: 20px;
-    background-color: white;
+    background-color: var(--message-in-bg);
     display: inline-block;
     justify-content: flex-start;
     align-items: center;
@@ -477,12 +477,13 @@ a:hover {
     margin-right: 2em;
     top: 8%;
     left: 1px;
+    fill: var(--message-in-txt);
 }
 
 .file_wrapper .svg-icon path,
 .file_wrapper .svg-icon polygon,
 .file_wrapper .svg-icon rect {
-    fill: #000000;
+    fill:  var(--message-in-txt);
 }
 
 .file_wrapper .svg-icon circle {
@@ -494,6 +495,7 @@ a:hover {
     position: absolute;
     top: 30%;
     left: 7%;
+    color: var(--message-in-txt);
 }
 
 #back_to_bottom_button_container {
@@ -684,8 +686,8 @@ div.last_message > span {
 .message_in .message_wrapper {
     border-top-left-radius: 0;
     transform-origin: top left;
-    background-color: var(--message-out-bg);
-    color: var(--message-out-txt);
+    background-color: var(--message-in-bg);
+    color: var(--message-in-txt);
 }
 
 @-webkit-keyframes fade-in {