From 2005e5f616ba66b73394bfbf9623ccbdc9f8a801 Mon Sep 17 00:00:00 2001
From: Prakhar Pratyush <prakhar@zulip.com>
Date: Tue, 5 Aug 2025 02:23:09 +0530
Subject: [PATCH] compose_banners: Add '.highlighted-element' to <b> in compose
 banners.

This commit adds 'highlighted-element' class to <b> tags in
the following compose banners:
* jump_to_sent_message_conversation_banner
* stream_does_not_exist_error
* unknown_zoom_user_error
* channel wildcard_mention_not_allowed_error
* topic wildcard_mention_not_allowed_error

'highlighted-element' class sets the 'font-weight: 600',
replacing the default of 700.
---
 .../jump_to_sent_message_conversation_banner.hbs       |  6 +++++-
 .../compose_banner/stream_does_not_exist_error.hbs     |  3 ++-
 .../compose_banner/unknown_zoom_user_error.hbs         |  3 ++-
 .../wildcard_mention_not_allowed_error.hbs             | 10 ++++++++--
 4 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/web/templates/compose_banner/jump_to_sent_message_conversation_banner.hbs b/web/templates/compose_banner/jump_to_sent_message_conversation_banner.hbs
index 92db2855ba..296a6d634e 100644
--- a/web/templates/compose_banner/jump_to_sent_message_conversation_banner.hbs
+++ b/web/templates/compose_banner/jump_to_sent_message_conversation_banner.hbs
@@ -1,5 +1,9 @@
 {{#> compose_banner . }}
     <p class="banner_message">
-        {{#tr}}Viewing the conversation where you sent your message. To go back, use the <b>back</b> button in your browser or desktop app.{{/tr}}
+        {{#tr}}
+        Viewing the conversation where you sent your message. To go back, use the <z-highlight>back</z-highlight>
+        button in your browser or desktop app.
+        {{#*inline "z-highlight"}}<b class="highlighted-element">{{> @partial-block}}</b>{{/inline}}
+        {{/tr}}
     </p>
 {{/compose_banner}}
diff --git a/web/templates/compose_banner/stream_does_not_exist_error.hbs b/web/templates/compose_banner/stream_does_not_exist_error.hbs
index fe38fbe497..356e8ee569 100644
--- a/web/templates/compose_banner/stream_does_not_exist_error.hbs
+++ b/web/templates/compose_banner/stream_does_not_exist_error.hbs
@@ -1,9 +1,10 @@
 {{#> compose_banner . }}
     <p class="banner_message">
         {{#tr}}
-        The channel <b>#{channel_name}</b> does not exist. Manage your subscriptions
+        The channel <z-highlight>#{channel_name}</z-highlight> does not exist. Manage your subscriptions
         <z-link>on your Channels page</z-link>.
         {{#*inline "z-link"}}<a href='#channels/all'>{{> @partial-block}}</a>{{/inline}}
+        {{#*inline "z-highlight"}}<b class="highlighted-element">{{> @partial-block}}</b>{{/inline}}
         {{/tr}}
     </p>
 {{/compose_banner}}
diff --git a/web/templates/compose_banner/unknown_zoom_user_error.hbs b/web/templates/compose_banner/unknown_zoom_user_error.hbs
index 28d92204bc..9474d750b5 100644
--- a/web/templates/compose_banner/unknown_zoom_user_error.hbs
+++ b/web/templates/compose_banner/unknown_zoom_user_error.hbs
@@ -1,7 +1,8 @@
 {{#> compose_banner . }}
     <p class="banner_message">
         {{#tr}}
-        Your Zulip account email (<b>{email}</b>) is not linked to this organization's Zoom account.
+        Your Zulip account email (<z-highlight>{email}</z-highlight>) is not linked to this organization's Zoom account.
+        {{#*inline "z-highlight"}}<b class="highlighted-element">{{> @partial-block}}</b>{{/inline}}
         {{/tr}}
     </p>
 {{/compose_banner}}
diff --git a/web/templates/compose_banner/wildcard_mention_not_allowed_error.hbs b/web/templates/compose_banner/wildcard_mention_not_allowed_error.hbs
index 63307c39e6..0359be8782 100644
--- a/web/templates/compose_banner/wildcard_mention_not_allowed_error.hbs
+++ b/web/templates/compose_banner/wildcard_mention_not_allowed_error.hbs
@@ -1,9 +1,15 @@
 {{#> compose_banner . }}
     <p class="banner_message">
         {{#if wildcard_mention_string}}
-            {{#tr}}You do not have permission to use <b>@{wildcard_mention_string}</b> mentions in this channel.{{/tr}}
+            {{#tr}}
+            You do not have permission to use <z-highlight>@{wildcard_mention_string}</z-highlight> mentions in this channel.
+            {{#*inline "z-highlight"}}<b class="highlighted-element">{{> @partial-block}}</b>{{/inline}}
+            {{/tr}}
         {{else}}
-            {{#tr}}You do not have permission to use <b>@topic</b> mentions in this topic.{{/tr}}
+            {{#tr}}
+            You do not have permission to use <z-highlight>@topic</z-highlight> mentions in this topic.
+            {{#*inline "z-highlight"}}<b class="highlighted-element">{{> @partial-block}}</b>{{/inline}}
+            {{/tr}}
         {{/if}}
     </p>
 {{/compose_banner}}