diff --git a/src/main.js b/src/main.js index 2a765e6..71fb38e 100644 --- a/src/main.js +++ b/src/main.js @@ -6145,6 +6145,11 @@ 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 theme-based styling when replying to the other person's message + if (!cMsg.mine) { + divRef.classList.add('msg-reply-them'); + } divRef.id = `r-${msg.replied_to}`; // Name + Message 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 83ea7bb..bc21010 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: #59fcb3 !important; } @keyframes highlightMessage {