materialize checkbox color code example

Example 1: change size material checkbox

mat-checkbox {
	::ng-deep .mat-checkbox-inner-container {
      width: 30px;
      height: 30px;
  	}
}

Example 2: material design checkbox change colooru

// overwrite the checkbox background
::ng-deep .mat-checkbox-checked .mat-checkbox-background, 
.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: black !important;
}

// overwrite the ripple overlay on hover and click
::ng-deep .mat-checkbox:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element {
  background-color: black !important;
}