ändern Hintergrundfarbe von ionischen 2 Tabs

Question

Ich weiß, dass die folgende Verwendung ändert das Symbol Farbe meiner Tabs Tasten, wenn sie aktiv:

$tabs-ios-tab-icon-color-active: red; 

Aber ich sehe nicht, wie die Hintergrundfarbe der Schaltfläche ändern wenn aktiv.

Irgendwelche Hilfe?

Answer 1

@ cnak2, Blick auf https://github.com/ionic-team/ionic/blob/master/src/components/tabs/tabs.ios.scss, können Sie sehen, die Hintergrundfarbe wird durch die Variable $ tabs-ios-Hintergrund festgelegt. Ich schlage vor, diese Variable so zu ändern, dass sie die Farbe enthält, die Sie sehen möchten.

Answer 2

Im Allgemeinen gehen Sie zu this page, um die sass Variablen für die Anpassung zu bestimmen.

Wenn Sie "Tab" suchen, werden Sie sehen, $tabs-background zeigen Sie, das ist wahrscheinlich die Sie wollen.

Answer 3

Versuchen Sie dieses, Sie Farbe auf Verzeichnis src/theme/variables.scss

<ion-tabs color="primary"> 
 
    <ion-tab [root]="homeRoot" tabTitle="Home" tabIcon="home"></ion-tab> 
 
    <ion-tab [root]="homeRoot" tabTitle="Home" tabIcon="home"></ion-tab> 
 
    <ion-tab [root]="homeRoot" tabTitle="Home" tabIcon="home"></ion-tab> 
 
    <ion-tab [root]="homeRoot" tabTitle="Home" tabIcon="home"></ion-tab> 
 
</ion-tabs>