Styling the native tab bar

You can style the native tab bar by modifying the files in app/common/native-styles/. There are separate files for iOS and Android styling. The native tab-bar can be styled with the following selector:

tab-bar {
}

To set the background color of your navigation bar, just add the background-color rule to the selector:

tab-bar {
  background-color: #34495e;
}

Note that normal CSS inheritance applies, so if you set

tab-bar {
  background-color: #34495e;
  color: #1abc9c;
}

the tab-bar icons and text will inherit the colorrule.

Child selectors