У меня четыре ионных переключателя, и цвет одного из них не рассчитан / показан неправильно:
SASS Переменные:
instruct: #74b230,
partic: #5076f1,
lock: #ff6600,
workplace: #bda7de
HTML
<ion-list>
<ion-item *ngIf="this.filterpopoptions.get(filterpopoveroptions.HASPARTIC)">
<ion-label>Teilnahmen</ion-label>
<ion-toggle [(ngModel)]="this.data.partic" color="partic"></ion-toggle>
</ion-item>
<ion-item *ngIf="this.filterpopoptions.get(filterpopoveroptions.HASINSTRUCT)">
<ion-label>Referententätigkeiten</ion-label>
<ion-toggle [(ngModel)]="this.data.instruct" color="instruct"></ion-toggle>
</ion-item>
<ion-item *ngIf="this.filterpopoptions.get(filterpopoveroptions.HASWORKPLACE)">
<ion-label>Ausbildungsstationen</ion-label>
<ion-toggle [(ngModel)]="this.data.workplace" color="workplace"></ion-toggle>
</ion-item>
<ion-item *ngIf=" this.filterpopoptions.get(filterpopoveroptions.HASLOCK)">
<ion-label>Nichtverfügbarkeiten</ion-label>
<ion-toggle [(ngModel)]="this.data.lock" color="lock"></ion-toggle>
</ion-item>