Themming

App.js

@@ -4,7 +4,7 @@ import { StyleSheet, Text, View, TextInput, SafeAreaView } from 'react-native';
 import API from './API.js';
 import LoginForm from './components/Login.js';
 import { Provider as PaperProvider } from 'react-native-paper';
-import AwesomeIcon from 'react-native-vector-icons/FontAwesome';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import Login from "./Views/Login.js"
@@ -20,16 +20,16 @@ export default function App() {
     return (
         <NavigationContainer>
             <Tab.Navigator initialRouteName="Home"
-                activeColor="#f0edf6"
-                inactiveColor="#3e2465"
-                barStyle={{ backgroundColor: '#694fad' }}>
+                activeColor="#0d6efd"
+                inactiveColor="#FFFFFF"
+                barStyle={{ backgroundColor: '#000000' }}>
                 <Tab.Screen
                     name="Feed"
                     component={Feed}
                     options={{
                         tabBarLabel: 'Home',
                         tabBarIcon: ({ color }) => (
-                            <AwesomeIcon name="home" color={color} size={26} />
+                            <MaterialIcons name="home" color={color} size={26} />
                         ),
                         tabBarBadge: false
                     }}
@@ -39,7 +39,17 @@ export default function App() {
                         },
                     })}
                 />
-                <Tab.Screen name="Profile" component={Profile} />
+                <Tab.Screen 
+                    name="Profile" 
+                    component={Profile} 
+                    options={{
+                        tabBarLabel: 'Profile',
+                        tabBarIcon: ({ color }) => (
+                            <MaterialIcons name="person" color={color} size={26} />
+                        ),
+                        tabBarBadge: false
+                    }}
+                />
                 <Tab.Screen name="Logou" component={Login} />
             </Tab.Navigator>
         </NavigationContainer>