From e813b084a53a85ba2b176a047ce34e247a941cc0 Mon Sep 17 00:00:00 2001
From: WofWca <wofwca@protonmail.com>
Date: Mon, 6 Jan 2025 18:53:18 +0400
Subject: [PATCH] style: outgoing bg color for outgoing stickers

Closes https://github.com/deltachat/deltachat-desktop/issues/4453.
The bug (if you can call it that) was introduced in f83ce46cbf80a4c019d3be02222b164a8d58fe56.
Similar commit: 8259aad97.
---
 CHANGELOG.md                                 | 1 +
 packages/frontend/scss/message/_message.scss | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9b0c8aebaa..9a44bdb1de 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,6 +18,7 @@
   - Allow empty `To` field for self-sent messages.
 
 ## Fixed
+- fix "incoming message background color" being used for quotes of outgoing sticker messages #4456
 
 ## [1.50.1] - 2024-12-18
 
diff --git a/packages/frontend/scss/message/_message.scss b/packages/frontend/scss/message/_message.scss
index c34f5de401..5e1169dea8 100644
--- a/packages/frontend/scss/message/_message.scss
+++ b/packages/frontend/scss/message/_message.scss
@@ -167,6 +167,7 @@
 
   .msg-container {
     background-color: var(--messageIncomingBg);
+    --messageBg: var(--messageIncomingBg);
 
     &,
     .message-attachment-media {
@@ -213,6 +214,7 @@
 
   .msg-container {
     background-color: var(--messageOutgoingBg);
+    --messageBg: var(--messageOutgoingBg);
 
     &,
     .message-attachment-media {
@@ -231,7 +233,10 @@
     }
 
     .quote-background {
-      background: var(--messageIncomingBg);
+      // `.msg-container` background is transparent,
+      // so let's explicitly apply the color just for the quote.
+      background: var(--messageBg);
+
       padding: 5px;
       padding-left: 6px;
       border-radius: 7px;