diff --git a/web/styles/app_variables.css b/web/styles/app_variables.css
index c19550da1c..7458009b1a 100644
--- a/web/styles/app_variables.css
+++ b/web/styles/app_variables.css
@@ -194,6 +194,7 @@
     --color-background-private-message-header: hsl(46deg 35% 93%);
     --color-background-private-message-content: hsl(45deg 20% 96%);
     --color-background-stream-message-content: hsl(0deg 0% 100%);
+    --color-selected-message-outline: hsl(217deg 64% 59%);
     --color-message-list-border: hsl(0deg 0% 0% / 16%);
     --color-message-header-contents-border: hsl(0deg 0% 0% / 10%);
     --color-private-message-header-border: hsl(0deg 0% 0% / 10%);
@@ -516,6 +517,7 @@
     --color-private-message-header-border: hsl(0deg 0% 0% / 48%);
     --color-message-header-contents-border-bottom: hsl(0deg 0% 0% / 50%);
     --color-private-message-header-border-bottom: hsl(0deg 0% 0% / 37%);
+    --color-selected-message-outline: hsl(217deg 64% 59% / 70%);
     --color-message-list-border: hsl(0deg 0% 0% / 40%);
     --color-background: hsl(0deg 0% 11%);
     --color-background-widget-input: hsl(225deg 6% 10%);
diff --git a/web/styles/dark_theme.css b/web/styles/dark_theme.css
index 7aeaa24eef..56f5e4f1f9 100644
--- a/web/styles/dark_theme.css
+++ b/web/styles/dark_theme.css
@@ -804,10 +804,6 @@
         text-shadow: none;
     }
 
-    .selected_message .messagebox-content {
-        border-color: hsl(217deg 64% 59% / 70%);
-    }
-
     #message-edit-history-overlay-container {
         .message_edit_history_content {
             .highlight_text_inserted {
diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index 0041d841a6..2695037375 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -1080,7 +1080,7 @@ td.pointer {
         /* We add an outline and shift it inside the message so that without
            any vertical padding changes, we can have the outline surrounding
            the message without overflowing the boundary of the message in any case. */
-        outline: 1px solid hsl(217deg 64% 59%);
+        outline: 1px solid var(--color-selected-message-outline);
         border-radius: 5px;
         outline-offset: -1px;
     }