diff --git a/static/styles/message_edit_history.scss b/static/styles/message_edit_history.scss index 4fabce2dfc..8f013ece64 100644 --- a/static/styles/message_edit_history.scss +++ b/static/styles/message_edit_history.scss @@ -17,19 +17,20 @@ .messagebox-content { padding: 0px 10px; } -} -.rendered_markdown { - /* Highlighting for message edit history */ - .highlight_text_inserted { - color: hsl(122, 72%, 30%); - background-color: hsl(120, 64%, 95%); - } + .message_edit_history_content { + .highlight_text_inserted { + color: hsl(122, 72%, 30%); + background-color: hsl(120, 64%, 95%); + } - .highlight_text_deleted { - color: hsl(0, 100%, 50%); - background-color: hsl(7, 90%, 92%); - text-decoration: line-through; - word-break: break-all; + .highlight_text_deleted { + color: hsl(0, 100%, 50%); + background-color: hsl(7, 90%, 92%); + text-decoration: line-through; + word-break: break-all; + } } } + + diff --git a/static/styles/night_mode.scss b/static/styles/night_mode.scss index fc34989f13..66e5981f48 100644 --- a/static/styles/night_mode.scss +++ b/static/styles/night_mode.scss @@ -479,16 +479,20 @@ on a dark background, and don't change the dark labels dark either. */ background-color: hsla(355, 37%, 31%, 1); box-shadow: 0px 0px 0px 1px hsla(330, 40%, 20%, 1); } + } - .highlight_text_inserted { - color: hsl(122, 100%, 81%); - background-color: hsla(120, 64%, 95%, 0.3); - } + #message-edit-history { + .message_edit_history_content { + .highlight_text_inserted { + color: hsl(122, 100%, 81%); + background-color: hsla(120, 64%, 95%, 0.3); + } - .highlight_text_deleted { - text-decoration: line-through; - background-color: hsla(7, 54%, 62%, 0.38); - color: hsl(0, 90%, 67%); + .highlight_text_deleted { + color: hsl(0, 90%, 67%); + background-color: hsla(7, 54%, 62%, 0.38); + text-decoration: line-through; + } } }