From ebfd1f08c8bd4ff89fef2880d5cadc73812a2f7d Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sun, 28 Jul 2024 23:18:39 +0200
Subject: [PATCH] darkmode added. fixes #91

---
 api_webchat/messageInput.js | 6 ++++++
 api_webchat/styles.css      | 7 +++++++
 2 files changed, 13 insertions(+)

diff --git a/api_webchat/messageInput.js b/api_webchat/messageInput.js
index 21cae3a4..1f306ff8 100644
--- a/api_webchat/messageInput.js
+++ b/api_webchat/messageInput.js
@@ -50,6 +50,12 @@ messagesInputStyle .textContent = `
         cursor: pointer;
         border-radius: 10px;
     }
+    @media (prefers-color-scheme: dark) {
+    #messageInputField {
+        background-color: #303030;
+        color: #ffffff;
+    }
+}
 `;
 messageInputTemplate.content.appendChild(messagesInputStyle);
 
diff --git a/api_webchat/styles.css b/api_webchat/styles.css
index 0b71993e..807c3a4b 100644
--- a/api_webchat/styles.css
+++ b/api_webchat/styles.css
@@ -40,3 +40,10 @@ p {
     margin: 0 0 10px 0;
 }
 
+/* Dark mode styles */
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #000000;
+        color: #ffffff;
+    }
+}
\ No newline at end of file