changed navigation style

src/navigation/navigation.tsx

@@ -38,8 +38,6 @@ export default function Navigation() {
   const currentUser =
     reduxStore.getState().appVariables.preferences.selectedAccount;
 
-  console.log('NAVIGATION', currentUser);
-
   return (
     <Stack.Navigator
       screenOptions={{
@@ -116,11 +114,12 @@ function CustomTabBar(props: BottomTabBarProps) {
       <View
         style={{
           flexDirection: 'row',
-          margin: 10,
+          padding: 6,
           backgroundColor: currentTheme.backgroundDark300,
-          borderRadius: 20,
-          position: 'absolute',
+          borderTopLeftRadius: 20,
+          borderTopRightRadius: 20,
           zIndex: 100,
+          position: 'absolute',
           bottom: 0,
           borderColor: currentTheme.backgroundDark300,
           borderWidth: 3,
@@ -149,7 +148,7 @@ function CustomTabBar(props: BottomTabBarProps) {
 
           const gradientColors = isFocused
             ? [currentTheme.secondary200, currentTheme.primary400]
-            : [currentTheme.backgroundDark300, currentTheme.backgroundDark300];
+            : [currentTheme.backgroundDark400, currentTheme.backgroundDark400];
 
           return (
             <MyTouchableOpacity
@@ -161,6 +160,7 @@ function CustomTabBar(props: BottomTabBarProps) {
                 flex: 1,
                 alignItems: 'center',
                 justifyContent: 'center',
+                backgroundColor: currentTheme.backgroundDark400,
                 borderRadius: 20,
                 marginRight: state.routes.length - 1 !== index ? 4 : 0,
               }}>