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
mattermost · Nov 5, 2024 · 97e74c9 · 97e74c9
1 parent aa85f22
commit 97e74c9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git 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
@@ -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}