Cannot change color ion-fab-button, worked before ion-fab-list

Question

Here is my code.

<ion-fab-button (click)="submitForm(aluno)" [ngClass]="!tudoOk ? 'disabled' : 'enabled'" (click)="!tudoOk ? mensagemErro() : ''">

.disabled {
  --background: #9CC0FF;
}

.enabled {
  color: "primary";
}

this worked before I put ion-fab-button inside ion-fab-list

<ion-fab-list side="top">

Anybody knows what could be wrong?

Answer 1

I solved my problem! I just had to change the css as this:

.disabled {
  --background: #9CC0FF;
  --color: #FFFFFF;
}

.enabled {
  --background: #3880FF;
  --color: #FFFFFF;
}