离子切换背景颜色不工作

Question

我有四个离子切换，其中一个的颜色没有正确计算/显示：

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>

Answer 1

通过使用较暗的颜色阴影解决了这个问题。颜色太浅，无法计算背景颜色。