How to style checkbox

Styles from the material/checkbox package can be customized using the checkbox-overrides mixin. This mixin accepts a set of tokens that control how the components will look, either for the entire app or under a specific selector. For example:
@use '@angular/material' as mat;

// Customize the entire app. Change :root to your selector if you want to scope the styles.
:root {
  @include mat.checkbox-overrides((
    disabled-label-color: orange,
    label-text-color: red,
  ));
}
You can find the full list of supported mixins and tokens below.

Tokens supported by checkbox-overrides

NameTypeBased on system token
disabled-label-colorColor--mat-sys-on-surface
label-text-colorColor--mat-sys-on-surface
label-text-fontTypography--mat-sys-body-medium-font
label-text-line-heightTypography--mat-sys-body-medium-line-height
label-text-sizeTypography--mat-sys-body-medium-size
label-text-trackingTypography--mat-sys-body-medium-tracking
label-text-weightTypography--mat-sys-body-medium-weight
touch-target-displayDensity None
disabled-selected-checkmark-colorColor--mat-sys-surface
selected-focus-state-layer-opacityColor None
selected-hover-state-layer-opacityColor None
selected-pressed-state-layer-opacityColor None
unselected-focus-state-layer-opacityColor None
unselected-hover-state-layer-opacityColor None
unselected-pressed-state-layer-opacityColor None
selected-pressed-icon-colorColor--mat-sys-primary
disabled-selected-icon-colorColor--mat-sys-on-surface
disabled-unselected-icon-colorColor--mat-sys-on-surface
selected-checkmark-colorColor--mat-sys-on-primary
selected-focus-icon-colorColor--mat-sys-primary
selected-hover-icon-colorColor--mat-sys-primary
selected-icon-colorColor--mat-sys-primary
unselected-focus-icon-colorColor--mat-sys-on-surface
unselected-hover-icon-colorColor--mat-sys-on-surface
unselected-icon-colorColor--mat-sys-on-surface-variant
selected-focus-state-layer-colorColor--mat-sys-primary
selected-hover-state-layer-colorColor--mat-sys-primary
selected-pressed-state-layer-colorColor--mat-sys-on-surface
unselected-focus-state-layer-colorColor--mat-sys-on-surface
unselected-hover-state-layer-colorColor--mat-sys-on-surface
unselected-pressed-state-layer-colorColor--mat-sys-primary
state-layer-sizeDensity None
Azure & Blue theme selected.