Change Color of Active Bottom Bar Tab

constants/colors.js

@@ -1,5 +1,6 @@
 const Colors = {
   primary500: "#282A35",
+  primary400: "#373A49",
   accent500: "#A587DD",
 };
 

navigation/Navigator.js

@@ -22,6 +22,7 @@ function Navigator() {
           headerTitle: (props) => <LogoTitle {...props} />,
           tabBarStyle: styles.TabBar,
           tabBarActiveTintColor: Colors.accent500,
+          tabBarActiveBackgroundColor: Colors.primary400,
         }}
       >
         <Tab.Screen