From 97e74c92af4dce4b0829600cbe48c5b33a2d05a8 Mon Sep 17 00:00:00 2001
From: Rahim Rahman <rahim.rahman@mattermost.com>
Date: Tue, 5 Nov 2024 07:11:17 -0700
Subject: [PATCH] feat:proper badge theme use for server list (#8313)

* fix(MM-61209): mention badge incorrect theme color

* @asaadmahmood color correction

* @asaadmahmood borderWidth 1px

* remove borderWidth: 1
---
 app/components/badge/index.tsx                             | 2 +-
 .../servers/servers_list/server_item/server_item.tsx       | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/components/badge/index.tsx b/app/components/badge/index.tsx
index 5bd92b49139..6fd9b4ab70a 100644
--- a/app/components/badge/index.tsx
+++ b/app/components/badge/index.tsx
@@ -66,7 +66,7 @@ export default function Badge({
         ...restStyle
     } = (StyleSheet.flatten(style) || {}) as TextStyle;
 
-    const borderColor = borderColorProp || styleBorderColor || theme.mentionBg;
+    const borderColor = borderColorProp || styleBorderColor || theme.centerChannelBg;
     const textColor = color || theme.mentionColor;
     let lineHeight = Platform.select({android: 21, ios: 16.5});
     let fontSize = 12;
diff --git a/app/screens/home/channel_list/servers/servers_list/server_item/server_item.tsx b/app/screens/home/channel_list/servers/servers_list/server_item/server_item.tsx
index 6d88b222ca6..795f52d1cd5 100644
--- a/app/screens/home/channel_list/servers/servers_list/server_item/server_item.tsx
+++ b/app/screens/home/channel_list/servers/servers_list/server_item/server_item.tsx
@@ -59,7 +59,6 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
     badge: {
         left: 18,
         top: -5,
-        borderColor: theme.centerChannelBg,
     },
     button: {
         borderRadius: 8,
@@ -404,9 +403,9 @@ const ServerItem = ({
                         <View style={serverStyle}>
                             {!switching &&
                             <ServerIcon
-                                badgeBackgroundColor={theme.mentionColor}
-                                badgeBorderColor={theme.mentionBg}
-                                badgeColor={theme.mentionBg}
+                                badgeBackgroundColor={theme.buttonBg}
+                                badgeBorderColor={theme.centerChannelBg}
+                                badgeColor={theme.buttonColor}
                                 badgeStyle={styles.badge}
                                 iconColor={changeOpacity(theme.centerChannelColor, 0.56)}
                                 hasUnreads={badge.isUnread}