diff --git a/src/web-chatview/chatview-windows.css b/src/web-chatview/chatview-windows.css
index 1d574e3a5fd903bb95d524c00453122a244b3c86..0ef8e7d67caee042aa0e0d339dc89cc5e0b3b52f 100644
--- a/src/web-chatview/chatview-windows.css
+++ b/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;
diff --git a/src/web-chatview/chatview.css b/src/web-chatview/chatview.css
index 0dc3404071f5d4ffc3ff0ee6e9dd5e20366ea154..86bbf80121ecda7d6d86c93f39deca24c781eb22 100644
--- a/src/web-chatview/chatview.css
+++ b/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 {
@@ -1284,4 +1286,4 @@ video {
     -webkit-transform: scale(1.05);
             transform: scale(1.05);
   }
-}
\ No newline at end of file
+}