diff --git a/src/plugins/messageLogger/deleteStyleText.css b/src/plugins/messageLogger/deleteStyleText.css index 860c83fc2..85fdcd2df 100644 --- a/src/plugins/messageLogger/deleteStyleText.css +++ b/src/plugins/messageLogger/deleteStyleText.css @@ -1,4 +1,10 @@ -.messagelogger-deleted :is(div, h1, h2, h3, p) { +/* Message content highlighting */ +.messagelogger-deleted [class*="contents-"] > :is(div, h1, h2, h3, p) { + color: #f04747 !important; +} + +/* Embed highlighting */ +.messagelogger-deleted article :is(div, span, h1, h2, h3, p) { color: #f04747 !important; } diff --git a/src/plugins/messageLogger/messageLogger.css b/src/plugins/messageLogger/messageLogger.css index da5ccc21e..b5f58a55b 100644 --- a/src/plugins/messageLogger/messageLogger.css +++ b/src/plugins/messageLogger/messageLogger.css @@ -2,16 +2,29 @@ display: none; } -.messagelogger-deleted :is(video, .emoji, [data-type="sticker"]), -.messagelogger-deleted .messagelogger-deleted-attachment, -.messagelogger-deleted div iframe { +.messagelogger-deleted +:is( + video, + .emoji, + [data-type="sticker"], + iframe, + .messagelogger-deleted-attachment, + [class|="inlineMediaEmbed"] +) { filter: grayscale(1) !important; transition: 150ms filter ease-in-out; } -.messagelogger-deleted:hover :is(video, .emoji, [data-type="sticker"]), -.messagelogger-deleted .messagelogger-deleted-attachment:hover, -.messagelogger-deleted iframe:hover { +.messagelogger-deleted +:is( + video, + .emoji, + [data-type="sticker"], + iframe, + .messagelogger-deleted-attachment, + [class|="inlineMediaEmbed"] +):hover, +.messagelogger-deleted { filter: grayscale(0) !important; }