diff --git a/web/styles/dark_theme.css b/web/styles/dark_theme.css
index b835099ab7..d7991799b2 100644
--- a/web/styles/dark_theme.css
+++ b/web/styles/dark_theme.css
@@ -1167,6 +1167,26 @@
         border-color: hsl(165deg 68% 37%);
     }
 
+    .alert.alert-info {
+        color: hsl(205deg 58% 80%);
+        background-color: hsl(204deg 100% 12%);
+        border-color: hsl(205deg 58% 69% / 40%);
+
+        .banner-action-button {
+            background-color: hsl(205deg 58% 69% / 10%);
+            border-color: transparent;
+            color: hsl(205deg 58% 69%);
+
+            &:hover {
+                background-color: hsl(205deg 58% 69% / 15%);
+            }
+
+            &:active {
+                background-color: hsl(205deg 58% 69% / 20%);
+            }
+        }
+    }
+
     .alert.alert-error,
     .alert.alert-danger {
         background-color: hsl(318deg 12% 21%);
diff --git a/web/templates/unread_banner/mark_as_read_disabled_banner.hbs b/web/templates/unread_banner/mark_as_read_disabled_banner.hbs
index 340e465914..6f8fcef50b 100644
--- a/web/templates/unread_banner/mark_as_read_disabled_banner.hbs
+++ b/web/templates/unread_banner/mark_as_read_disabled_banner.hbs
@@ -6,7 +6,7 @@
         {{/tr}}
     </p>
     <div id="mark_as_read_controls">
-        <button id="mark_view_read" class="btn btn-info">
+        <button id="mark_view_read" class="btn btn-info banner-action-button">
             {{t 'Mark as read' }}
         </button>
     </div>
diff --git a/web/templates/unread_banner/mark_as_read_only_in_conversation_view.hbs b/web/templates/unread_banner/mark_as_read_only_in_conversation_view.hbs
index c1f2eeecd8..5f5516bb43 100644
--- a/web/templates/unread_banner/mark_as_read_only_in_conversation_view.hbs
+++ b/web/templates/unread_banner/mark_as_read_only_in_conversation_view.hbs
@@ -6,7 +6,7 @@
         {{/tr}}
     </p>
     <div id="mark_as_read_controls">
-        <button id="mark_view_read" class="btn btn-info">
+        <button id="mark_view_read" class="btn btn-info banner-action-button">
             {{t 'Mark as read' }}
         </button>
     </div>