Ion-icon color does not change when ion-tab-button is selected

ionic-v1
6

u should change the color of the tab or activated tab in theme > vairable.scss inside :root

:root {
ion-tab-button:nth-child(1) {
    ion-icon {
      content: url('../assets/img/nav_home.png') !important;
      color: var(--ion-color-secondary) !important;
      /* --ion-color-base: var(--ion-color-secondary) !important; */
    }
  }

  ion-tab-button.tab-selected:nth-child(1) {
    ion-icon {
      content: url('../assets/img/nav_home_.png') !important;
      color: var(--ion-color-secondary) !important;
      /* --ion-color-base: var(--ion-color-secondary) !important; */
    }
  }
}

with nth-child u can handle which tab u require the number 1 is 1st tab. the above is my used code for changing my icons on selected and non selected tabs same u can do with background as well