How to add custom styles to multiple tab bars in ionic, publishing because it took me a while to figure out how to do it!

ionic.app.scss

//To apply different styles nested tabs, you have to use the respective DOM positions
ion-nav-view {
  ion-tabs {
    /*Styling bottom nav bar */
    .tab-nav.tabs {
      background-color: $ygi-green !important;
      .tab-item-active {
        background-color: white !important;
        color: black !important;
      }
    }
    /*Styling nested tabs */
    ion-nav-view{
      ion-view {
        ion-tabs{
          .tab-nav.tabs{
            background-color: lightgray !important;
            .tab-item-active {
              background-color: grey !important;
              //color: black; //I didn't need this, others might
            }
          }
        }
      }
    }
  }
}