From bebbfdd74cb6e75f8af838b32ef2c5fd17997301 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sat, 22 Mar 2025 17:42:23 +0100
Subject: [PATCH] Add dark mode styles for added and removed message
 highlights. see #109

---
 api_webchat/messagesArea.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

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);