From bc325a6ffed1fc5cc9b77f3aeeaf4647c77d7882 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Thu, 13 Oct 2022 11:31:54 +1100
Subject: [PATCH] fix: resolved unread notification and mentiond colors

---
 stylesheets/_session_left_pane.scss                        | 4 ++--
 .../leftpane/conversation-list-item/HeaderItem.tsx         | 7 +++----
 ts/themes/variableColors.tsx                               | 1 +
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/stylesheets/_session_left_pane.scss b/stylesheets/_session_left_pane.scss
index 7559e64ae..2e8cd3b07 100644
--- a/stylesheets/_session_left_pane.scss
+++ b/stylesheets/_session_left_pane.scss
@@ -33,8 +33,8 @@ $session-compose-margin: 20px;
     }
 
     &__unread-count {
-      background: var(--conversation-tab-bubble-background-color);
-      color: var(--conversation-tab-bubble-text-color);
+      background: var(--unread-messages-alert-background-color);
+      color: var(--unread-messages-alert-text-color);
 
       position: static !important;
       font-weight: 700 !important;
diff --git a/ts/components/leftpane/conversation-list-item/HeaderItem.tsx b/ts/components/leftpane/conversation-list-item/HeaderItem.tsx
index 1a45cf2c9..c6bb9034c 100644
--- a/ts/components/leftpane/conversation-list-item/HeaderItem.tsx
+++ b/ts/components/leftpane/conversation-list-item/HeaderItem.tsx
@@ -94,19 +94,18 @@ const ListItemIcons = () => {
 };
 
 const MentionAtSymbol = styled.span`
-  background-color: var(--primary-color);
-  color: var(--conversation-tab-text-color);
+  background: var(--unread-messages-alert-background-color);
+  color: var(--unread-messages-alert-text-color);
   text-align: center;
   margin-top: 0px;
   margin-bottom: 0px;
-  padding-top: 1px;
   padding-inline-start: 3px;
   padding-inline-end: 3px;
 
   position: static;
   margin-inline-start: 5px;
 
-  font-weight: 300;
+  font-weight: 700;
   font-size: var(--font-size-xs);
   letter-spacing: 0.25px;
 
diff --git a/ts/themes/variableColors.tsx b/ts/themes/variableColors.tsx
index d33fd0db1..3a3622ac0 100644
--- a/ts/themes/variableColors.tsx
+++ b/ts/themes/variableColors.tsx
@@ -116,6 +116,7 @@ export type ThemeColorVariables = {
   '--toggle-switch-on-border-color': string;
 
   /* Unread Messages Alert */
+  /* Also used for MentionAtSymbol */
   '--unread-messages-alert-background-color': string;
   '--unread-messages-alert-text-color': string;