fix: resolved unread notification and mentiond colors

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;

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;
 

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;