Динамически меняйте цвет рамки и цвет фона флажка mat в соответствии со значением цвета в Angular 7

Question

Я использую <mat-checkbox></mat-checkbox> и хочу изменить его цвет в соответствии с различными значениями цветового кода.Как я могу добиться этого в angular 7. Я знаю, что это можно сделать с помощью css, как указано здесь .Я хочу изменить его динамически, например, используя [ngStyle] или другим способом.