import { StyleSheet } from 'react-native';
import { PRIMARY, WHITE } from './components/common/colors';

const TabBarStyles = StyleSheet.create({
  label: {
    color: PRIMARY,
    fontSize: 10,
    fontWeight: 'bold',
  },
  tabBar: {
    backgroundColor: WHITE,
  },
  indicator: {
    backgroundColor: PRIMARY,
  },
});

module.exports = TabBarStyles;

import { StyleSheet } from 'react-native';
import { MAIN_CERISE, WHITE, SECONDARY_GRAY } from './components/common/colors';

const TabBarStyles = StyleSheet.create({
  label: {
    color: WHITE,
  },
  tabBar: {
    backgroundColor: SECONDARY_GRAY,
  },
  indicator: {
    backgroundColor: MAIN_CERISE,
  },
});

module.exports = TabBarStyles;

--- 
+++ 
@@ -1,15 +1,17 @@
 import { StyleSheet } from 'react-native';
-import { MAIN_CERISE, WHITE, SECONDARY_GRAY } from './components/common/colors';
+import { PRIMARY, WHITE } from './components/common/colors';
 
 const TabBarStyles = StyleSheet.create({
   label: {
-    color: WHITE,
+    color: PRIMARY,
+    fontSize: 10,
+    fontWeight: 'bold',
   },
   tabBar: {
-    backgroundColor: SECONDARY_GRAY,
+    backgroundColor: WHITE,
   },
   indicator: {
-    backgroundColor: MAIN_CERISE,
+    backgroundColor: PRIMARY,
   },
 });
 
Apply brand theme to navigation tab bar
