Scss change color of mat-checkbox if enabled

is there a way to change the color of mat-checkboxes if they're checked and enabled. I've tried something similiar to this question Scss change color of mat-checkbox if disabled and used enabled instead of disabled but it isn't working.

This is my css code for the checkboxes:

:host ::ng-deep .mat-checkbox-checked.mat-accent.mat-checkbox-enabled .mat-checkbox-background {
  background-color: red !important;
}

If I swap enabled with disabled it works fine, but it's not what I want. My goal is that only checkboxes which are enabled and checked are given a ceratin color of background and tick.