fix color for focused item in global navigation

parasharrajat · Oct 5, 2023 · 4c056fa · 4c056fa
1 parent 8bb5406
commit 4c056fa
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/pages/home/sidebar/GlobalNavigation/GlobalNavigationMenuItem.js b/src/pages/home/sidebar/GlobalNavigation/GlobalNavigationMenuItem.js
@@ -7,7 +7,6 @@ import * as StyleUtils from '../../../../styles/StyleUtils';
 import Icon from '../../../../components/Icon';
 import CONST from '../../../../CONST';
 import variables from '../../../../styles/variables';
-import defaultTheme from '../../../../styles/themes/default';
 import PressableWithFeedback from '../../../../components/Pressable/PressableWithFeedback';
 import refPropTypes from '../../../../components/refPropTypes';
 
@@ -53,7 +52,7 @@ function GlobalNavigationMenuItem({icon, title, isFocused, onPress, forwardedRef
                             additionalStyles={[styles.popoverMenuIcon]}
                             pressed={pressed}
                             src={icon}
-                            fill={isFocused ? defaultTheme.iconMenu : defaultTheme.icon}
+                            fill={isFocused ? StyleUtils.getIconFillColor(CONST.BUTTON_STATES.DEFAULT, true) : StyleUtils.getIconFillColor()}
                         />
                         <View style={[styles.mt1, styles.alignItemsCenter]}>
                             <Text style={[StyleUtils.getFontSizeStyle(variables.fontSizeExtraSmall), styles.globalNavigationMenuItem(isFocused)]}>{title}</Text>

diff --git a/src/styles/styles.js b/src/styles/styles.js
@@ -3734,7 +3734,7 @@ const styles = (theme) => ({
         backgroundColor: isFocused ? theme.iconMenu : theme.transparent,
     }),
 
-    globalNavigationMenuItem: (isFocused) => (isFocused ? {color: theme.textLight, fontWeight: fontWeightBold, fontFamily: fontFamily.EXP_NEUE_BOLD} : {color: theme.icon}),
+    globalNavigationMenuItem: (isFocused) => (isFocused ? {color: theme.text, fontWeight: fontWeightBold, fontFamily: fontFamily.EXP_NEUE_BOLD} : {color: theme.icon}),
 
     globalNavigationItemContainer: {
         width: variables.globalNavigationWidth,