diff --git a/nymea-app/ui/StyleBase.qml b/nymea-app/ui/StyleBase.qml
index 2d5c9e36..2e39dd77 100644
--- a/nymea-app/ui/StyleBase.qml
+++ b/nymea-app/ui/StyleBase.qml
@@ -4,6 +4,7 @@ Item {
     property color backgroundColor: "#fafafa"
     property color foregroundColor: "#202020"
     property color unobtrusiveForegroundColor: Qt.tint(foregroundColor, Qt.rgba(backgroundColor.r, backgroundColor.g, backgroundColor.b, 0.4))
+    property color navBarForegroundColor: foregroundColor
 
     property color accentColor: "#57baae"
     property color iconColor: "#808080"
diff --git a/nymea-app/ui/components/MainPageTabButton.qml b/nymea-app/ui/components/MainPageTabButton.qml
index ca8d3523..a96fbc4f 100644
--- a/nymea-app/ui/components/MainPageTabButton.qml
+++ b/nymea-app/ui/components/MainPageTabButton.qml
@@ -54,13 +54,13 @@ TabButton {
                 width: Style.iconSize
                 height: Style.iconSize
                 name: root.iconSource
-                color: Style.foregroundColor
+                color: Style.navBarForegroundColor
             }
             Label {
                 id: textLabel
                 text: root.text
                 font.pixelSize: app.smallFont
-                color: Style.foregroundColor
+                color: Style.navBarForegroundColor
             }
         }
     }