From ce0432f14075b9a293a3f94211e300747989fcb8 Mon Sep 17 00:00:00 2001
From: Yuurin Bee <yuurinbee@gmail.com>
Date: Thu, 15 Jan 2026 22:48:18 +0700
Subject: [PATCH 1/3] feat: green quote block when replying to contact messages

---
 src/main.js                | 4 ++++
 src/themes/vector/dark.css | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/main.js b/src/main.js
index 923c2b6..7666155 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6130,6 +6130,10 @@ function renderMessage(msg, sender, editID = '', contextElement = null) {
             // Render the reply in a quote-like fashion
             const divRef = document.createElement('div');
             divRef.classList.add('msg-reply', 'btn');
+            // Add green styling when replying to the other person's message
+            if (!cMsg.mine) {
+                divRef.classList.add('msg-reply-them');
+            }
             divRef.id = `r-${cMsg.id}`;
 
             // Name + Message
diff --git a/src/themes/vector/dark.css b/src/themes/vector/dark.css
index 83ea7bb..03486dd 100644
--- a/src/themes/vector/dark.css
+++ b/src/themes/vector/dark.css
@@ -56,7 +56,12 @@
 }
 
 .msg-reply {
-  border-left: solid rgba(255, 255, 255, 0.45) 2px;
+  border-left: solid rgba(255, 255, 255, 0.45) 2px !important;
+}
+
+/* Green border when quoting the other person's message */
+.msg-reply-them {
+  border-left-color: #58fcb3;
 }
 
 @keyframes highlightMessage {

From 521b70fe4cbe33f3c0885b62cb48e85b42c65e1e Mon Sep 17 00:00:00 2001
From: Yuurin Bee <yuurinbee@gmail.com>
Date: Thu, 15 Jan 2026 23:24:48 +0700
Subject: [PATCH 2/3] Update Chatstr Theme Support: Reply Block

---
 src/main.js                 | 2 +-
 src/themes/chatstr/dark.css | 7 ++++++-
 src/themes/vector/dark.css  | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/main.js b/src/main.js
index 7666155..3877b4c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6130,7 +6130,7 @@ function renderMessage(msg, sender, editID = '', contextElement = null) {
             // Render the reply in a quote-like fashion
             const divRef = document.createElement('div');
             divRef.classList.add('msg-reply', 'btn');
-            // Add green styling when replying to the other person's message
+            // Add theme-based styling when replying to the other person's message
             if (!cMsg.mine) {
                 divRef.classList.add('msg-reply-them');
             }
diff --git a/src/themes/chatstr/dark.css b/src/themes/chatstr/dark.css
index 2f9179f..dfd1cf3 100644
--- a/src/themes/chatstr/dark.css
+++ b/src/themes/chatstr/dark.css
@@ -60,7 +60,12 @@
 }
 
 .msg-reply {
-  border-left: solid #9941dbb3 2px;
+  border-left: solid rgba(255, 255, 255, 0.45) 2px !important;
+}
+
+/* Purple border when quoting the other person's message */
+.msg-reply-them {
+  border-left-color: #9941dbb3 !important;
 }
 
 @keyframes highlightMessage {
diff --git a/src/themes/vector/dark.css b/src/themes/vector/dark.css
index 03486dd..2e02d23 100644
--- a/src/themes/vector/dark.css
+++ b/src/themes/vector/dark.css
@@ -61,7 +61,7 @@
 
 /* Green border when quoting the other person's message */
 .msg-reply-them {
-  border-left-color: #58fcb3;
+  border-left-color: #58fcb3 !important;
 }
 
 @keyframes highlightMessage {

From fe11927b643c38c6e1fce61418cfc99667ae5981 Mon Sep 17 00:00:00 2001
From: Yuurin Bee <32799031+YuurinBee@users.noreply.github.com>
Date: Thu, 15 Jan 2026 23:49:34 +0700
Subject: [PATCH 3/3] Update Green HEX#

Fixed correct Vector Green matching color palette
---
 src/themes/vector/dark.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/themes/vector/dark.css b/src/themes/vector/dark.css
index 2e02d23..bc21010 100644
--- a/src/themes/vector/dark.css
+++ b/src/themes/vector/dark.css
@@ -61,7 +61,7 @@
 
 /* Green border when quoting the other person's message */
 .msg-reply-them {
-  border-left-color: #58fcb3 !important;
+  border-left-color: #59fcb3 !important;
 }
 
 @keyframes highlightMessage {