Используйте tabs-striped для элемента над классом tabs для создания вкладок в стиле операционной системы Android.

По желанию Вы можете использовать tabs-top, чтобы поместить вкладки в верхней части экрана.

Управляйте цветовыми схемами для вкладок с помощью tabs-background-{color} и классами tabs-color-{color}, где {color} принимает значение любого цвета, предлагаемого Ionic по умолчанию: default, light, stable, positive, calm, balanced, energized, assertive, royal, или dark

Добавьте класс has-tabs-top к шапке, чтобы она слилась с цветом вкладок.

 

  <div class="tabs-striped tabs-top tabs-background-positive tabs-color-light">
    <div class="tabs">
      <a class="tab-item active" href="#">
        <i class="icon ion-home"></i>
        Test
      </a>
      <a class="tab-item" href="#">
        <i class="icon ion-star"></i>
        Favorites
      </a>
      <a class="tab-item" href="#">
        <i class="icon ion-gear-a"></i>
        Settings
      </a>
    </div>
  </div>
  <div class="tabs-striped tabs-color-assertive">
    <div class="tabs">
      <a class="tab-item active" href="#">
        <i class="icon ion-home"></i>
        Test
      </a>
      <a class="tab-item" href="#">
        <i class="icon ion-star"></i>
        Favorites
      </a>
      <a class="tab-item" href="#">
        <i class="icon ion-gear-a"></i>
        Settings
      </a>
    </div>
  </div>