import React from 'react';
import { StackNavigator } from 'react-navigation';
import Icon from 'react-native-vector-icons/MaterialIcons';

import FoiRequestsListScreen from '../containers/FoiRequestsListScreen';
import FoiRequestDetailsScreen from '../containers/FoiRequestDetailsScreen';

const FoiRequestsNavigator = StackNavigator(
  {
    List: { screen: FoiRequestsListScreen },
    Details: { screen: FoiRequestDetailsScreen },
  },
  {
    navigationOptions: {
      tabBarLabel: 'Requests',
      tabBarIcon: () => <Icon size={24} color="black" name="list" />,
    },
  }
);

export default FoiRequestsNavigator;

@@ -281,16 +281,65 @@
 Screen';
+%0Aimport %7B primaryColor %7D from '../styles/colors';
 %0A%0Aconst 
@@ -510,16 +510,164 @@
 ions: %7B%0A
+      headerTintColor: primaryColor,%0A      headerTitleStyle: %7B color: 'black' %7D, // change the color back to black from the overriden primary color%0A
       ta

change header colors of stack navigator to primary color