kxip-app/src/app/tabs/tabs.page.html

<ion-tabs #tabs (ionTabsDidChange)="setCurrentTab()">
    <ion-tab-bar slot="bottom" [ngClass]="{'live' : selectedTab === 'live', 
    'dark' : selectedTab === 'player-stats'}">
        <ion-tab-button tab="home">
            <ion-icon name="home-outline"></ion-icon>
            <ion-icon name="home"></ion-icon>
        </ion-tab-button>

        <ion-tab-button tab="live">
            <ion-icon name="play-circle-outline"></ion-icon>
            <ion-icon name="play-circle"></ion-icon>
        </ion-tab-button>

        <ion-tab-button tab="fan-zone">
            <ion-icon name="game-controller-outline"></ion-icon>
            <ion-icon name="game-controller"></ion-icon>
        </ion-tab-button>

    </ion-tab-bar>
</ion-tabs>