Can't able to apply custom background color


I am using ionic icons and i try with different ways but i can not get it.


I think you need to style the tabbar - an element that is created when the view is rendered. You can add this to your SCSS for the page:

ion-tabs .tabbar {
  background-color: green;


Its not working i think we can take color attribute but it is also not working. any suggestions?


Strange, that works for me. Have you tried adding !important to it?

ion-tabs .tabbar {
  background-color: green !important;


Great its working i forgot to add !important thank you nebrekab.

If i want to add custom color to ion-header how can i do that and how do i know that specific information about custom styling because old versions are not working it is confusing.