diff --git a/navigation/MainTabNavigator.js b/navigation/MainTabNavigator.js
index 468f12b..a3705e1 100644
--- a/navigation/MainTabNavigator.js
+++ b/navigation/MainTabNavigator.js
@@ -208,7 +208,8 @@ function TabNavigator(props) {
                     let icon = TAB_ICONS[route.name];
                     // tintColor is ignoring activeColor and inactiveColor for some reason
                     icon = focused ? icon : icon + ('-outline');
-                    return <MaterialCommunityIcons name={icon} color={colors.text} size={26}/>;
+                    let iconColor = focused ? colors.tabIconFocused : colors.tabIcon;
+                    return <MaterialCommunityIcons name={icon} color={iconColor} size={26}/>;
                 },
             })}
         >
diff --git a/utils/ThemeManager.js b/utils/ThemeManager.js
index 72105b9..1c2a754 100644
--- a/utils/ThemeManager.js
+++ b/utils/ThemeManager.js
@@ -22,6 +22,8 @@ export default class ThemeManager {
                 ...DefaultTheme.colors,
                 primary: '#be1522',
                 accent: '#be1522',
+                tabIcon: "#929292",
+                tabIconFocused: "#000000",
                 card: "rgb(255, 255, 255)",
                 dividerBackground: '#e2e2e2',
                 textDisabled: '#c1c1c1',
@@ -59,6 +61,9 @@ export default class ThemeManager {
                 ...DarkTheme.colors,
                 primary: '#be1522',
                 accent: '#be1522',
+                tabBackground: "#181818",
+                tabIcon: "#6d6d6d",
+                tabIconFocused: "#ffffff",
                 card: "rgb(18, 18, 18)",
                 dividerBackground: '#222222',
                 textDisabled: '#5b5b5b',