From 14695dd26ab02dff27813563e97ae8cc34f46221 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Mon, 12 Aug 2024 09:56:33 -0400
Subject: [PATCH] sidebars: Update typography for sidebar titles.

---
 web/styles/app_variables.css | 4 ++++
 web/styles/left_sidebar.css  | 4 ++--
 web/styles/right_sidebar.css | 4 ++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/web/styles/app_variables.css b/web/styles/app_variables.css
index 70bb5ed112..859edaa103 100644
--- a/web/styles/app_variables.css
+++ b/web/styles/app_variables.css
@@ -328,6 +328,10 @@
         --message-box-markdown-aligned-vertical-space: 5px;
     }
 
+    /* Shared sidebar typography and effects values. */
+    --font-weight-sidebar-heading: 600;
+    --letter-spacing-sidebar-heading: 0.0469em;
+
     /*
     Message box elements and values.
     */
diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css
index 677ae89a0e..c101fcb118 100644
--- a/web/styles/left_sidebar.css
+++ b/web/styles/left_sidebar.css
@@ -12,8 +12,8 @@
 .left-sidebar-title {
     color: var(--color-text-sidebar-heading);
     font-size: inherit;
-    font-weight: normal;
-    display: inline;
+    font-weight: var(--font-weight-sidebar-heading);
+    letter-spacing: var(--letter-spacing-sidebar-heading);
     /* Override heading margin from Bootstrap. */
     margin: 0;
     /* Show an ellipsis on a heading when
diff --git a/web/styles/right_sidebar.css b/web/styles/right_sidebar.css
index 640ec8bb1f..8dd437a132 100644
--- a/web/styles/right_sidebar.css
+++ b/web/styles/right_sidebar.css
@@ -15,8 +15,8 @@ $user_status_emoji_width: 24px;
 .right-sidebar-title {
     color: var(--color-text-sidebar-heading);
     font-size: inherit;
-    font-weight: normal;
-    display: inline;
+    font-weight: var(--font-weight-sidebar-heading);
+    letter-spacing: var(--letter-spacing-sidebar-heading);
 }
 
 #buddy_list_wrapper {