More like galtinn

native-base-theme/variables/commonColor.js

@@ -108,7 +108,7 @@ export default {
   cardDefaultBg: "#fff",
 
   // Color
-  brandPrimary: "#f58220",
+  brandPrimary: "#0277bd",
   brandInfo: "#62B1F6",
   brandSuccess: "#5cb85c",
   brandDanger: "#d9534f",

native-base-theme/variables/platform.js

@@ -109,7 +109,7 @@ export default {
 
   // Color
     // brandPrimary: platform === "ios" ? "#007aff" : "#3F51B5",
-  brandPrimary: "#f58220",
+  brandPrimary: "#0277bd",
   brandInfo: "#62B1F6",
   brandSuccess: "#5cb85c",
   brandDanger: "#d9534f",

src/Dusken.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import {connect} from "react-redux";
+import {Platform} from 'react-native';
 import {TabNavigator, StackNavigator} from "react-navigation";
 
 import AboutScreen from "./screens/AboutScreen";
@@ -25,19 +26,22 @@ const tabBarOptions = {
         indicatorStyle: {
             backgroundColor: "#f58220"
         },
-        // labelStyle: {
-        //     color: '#f58220'
-        // },
         activeTintColor: '#f58220',
-        inactiveTintColor: '#f58220',
+        inactiveTintColor: '#333333',
         showIcon: true,
         iconStyle: {
-            color: '#f58220'
+            width: 20,
+            height: 20,
         },
         labelStyle: {
             fontSize: 10,
             marginBottom: 0,
-        }
+            ...Platform.select({
+               android: {
+                   fontWeight: 'bold',
+               }
+            }),
+        },
     }
 };
 

src/screens/AboutScreen.js

@@ -10,8 +10,12 @@ export default class AboutScreen extends Component {
         headerStyle: {
             backgroundColor: '#f58220',
         },
+        headerTitleStyle: {
+            color: 'white',
+        },
+        headerTintColor: 'white',
         tabBarIcon: ({ tintColor }) => (
-            <Icon name="info" size={18} color={tintColor} style={{marginTop: 5}} />
+            <Icon name="info" size={16} color={tintColor} style={{marginTop: 3}} />
         ),
     };
 

src/screens/EventDetailsScreen.js

@@ -8,7 +8,11 @@ export default class EventDetailsScreen extends Component {
         title: navigation.state.params.item.title.decoded,
         headerStyle: {
             backgroundColor: '#f58220',
-        }
+        },
+        headerTitleStyle: {
+            color: 'white',
+        },
+        headerTintColor: 'white',
     });
 
     render() {

src/screens/EventListScreen.js

@@ -10,8 +10,12 @@ export default class EventsScreen extends Component {
         headerStyle: {
             backgroundColor: '#f58220',
         },
+        headerTitleStyle: {
+            color: 'white',
+        },
+        headerTintColor: 'white',
         tabBarIcon: ({ tintColor }) => (
-            <Icon name="event" size={18} color={tintColor} style={{marginTop: 5}}/>
+            <Icon name="event" size={16} color={tintColor} style={{marginTop: 3}}/>
         ),
     };
 

src/screens/LoginScreen.js

@@ -9,6 +9,10 @@ export default class LoginScreen extends Component {
         headerStyle: {
             backgroundColor: '#f58220',
         },
+        headerTitleStyle: {
+            color: 'white',
+        },
+        headerTintColor: 'white',
     };
 
     onLogin = () => {

src/screens/MembershipScreen.js

@@ -10,8 +10,12 @@ export default class MembershipScreen extends Component {
         headerStyle: {
             backgroundColor: '#f58220',
         },
+        headerTitleStyle: {
+            color: 'white',
+        },
+        headerTintColor: 'white',
         tabBarIcon: ({ tintColor }) => (
-            <Icon name="user" size={18} color={tintColor} style={{marginTop: 5}} />
+            <Icon name="user" size={16} color={tintColor} style={{marginTop: 3}} />
         ),
     };