diff --git a/CHANGELOG.md b/CHANGELOG.md index 9b0c8aeba..9a44bdb1d 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 c34f5de40..5e1169dea 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;