From 4d91df559cfc147b3dca38ae484af52faabe6262 Mon Sep 17 00:00:00 2001
From: Joelute <josephho678@gmail.com>
Date: Mon, 1 May 2023 17:08:20 -0400
Subject: [PATCH] unread_banner: Update colors of unread banners.

Previously, the color of the unread banners is yellow which signals more
of a warning to the users. After a discussion in CZO, it was decided to
set setting configured unread banners to blue, which represents more of a
notice/informational banner as the user should be aware of the changes they
made to their settings.
---
 web/templates/unread_banner/mark_as_read_disabled_banner.hbs  | 4 ++--
 .../unread_banner/mark_as_read_only_in_conversation_view.hbs  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

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 44942400e8..fb5839e584 100644
--- a/web/templates/unread_banner/mark_as_read_disabled_banner.hbs
+++ b/web/templates/unread_banner/mark_as_read_disabled_banner.hbs
@@ -1,4 +1,4 @@
-<div id="mark_as_read_turned_off_banner" class="alert home-error-bar">
+<div id="mark_as_read_turned_off_banner" class="alert alert-info home-error-bar">
     <p id="mark_as_read_turned_off_content">
         {{#tr}}
             Your Zulip app is <z-link>configured</z-link> to not mark messages as read on scroll.
@@ -6,7 +6,7 @@
         {{/tr}}
     </p>
     <div id="mark_as_read_controls">
-        <button id="mark_view_read" class="btn btn-warning">
+        <button id="mark_view_read" class="btn btn-info">
             {{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 8edf118d24..74606a06ec 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
@@ -1,4 +1,4 @@
-<div id="mark_as_read_turned_off_banner" class="alert home-error-bar">
+<div id="mark_as_read_turned_off_banner" class="alert alert-info home-error-bar">
     <p id="mark_as_read_turned_off_content">
         {{#tr}}
             Your Zulip app is <z-link>configured</z-link> to mark messages as read on scroll only in conversation views.
@@ -6,7 +6,7 @@
         {{/tr}}
     </p>
     <div id="mark_as_read_controls">
-        <button id="mark_view_read" class="btn btn-warning">
+        <button id="mark_view_read" class="btn btn-info">
             {{t 'Mark as read' }}
         </button>
     </div>