style: outgoing bg color for outgoing stickers

Closes #4453.
The bug (if you can call it that) was introduced in f83ce46.
Similar commit: 8259aad.

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
 

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;