diff --git a/api_webchat/messagesArea.js b/api_webchat/messagesArea.js
index cae92c4e..bfc02123 100644
--- a/api_webchat/messagesArea.js
+++ b/api_webchat/messagesArea.js
@@ -45,7 +45,6 @@ messagesAreaStyle.textContent = `
         line-height: 1.3;
         padding: 5px;
         border-radius: 10px;
-
     }
     .message p{
         margin: 0;
@@ -95,12 +94,19 @@ messagesAreaStyle.textContent = `
         background-color: #d4fcdc;
         display: inline;
     }
-
     .removed {
         background-color: #fddddd;
         display: inline;
         text-decoration: line-through;
     }
+    @media (prefers-color-scheme: dark) {
+        .added {
+            background-color:rgb(0, 94, 0);
+        }
+        .removed {
+            background-color:rgb(90, 0, 0);
+        }
+    }
 `;
 messagesAreaTemplate.content.appendChild(messagesAreaStyle);