How to style form-field

Styles from the material/form-field package can be customized using the form-field-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.form-field-overrides((
    filled-caret-color: orange,
    filled-focus-active-indicator-color: red,
  ));
}
You can find the full list of supported mixins and tokens below.

Tokens supported by form-field-overrides

NameTypeBased on system token
filled-active-indicator-heightBase None
filled-focus-active-indicator-heightBase None
filled-container-shapeBase None
filled-caret-colorColor--mat-sys-primary
filled-focus-active-indicator-colorColor--mat-sys-primary
filled-focus-label-text-colorColor--mat-sys-primary
filled-container-colorColor--mat-sys-surface-variant
filled-disabled-container-colorColor--mat-sys-on-surface
filled-label-text-colorColor--mat-sys-on-surface-variant
filled-hover-label-text-colorColor--mat-sys-on-surface-variant
filled-disabled-label-text-colorColor--mat-sys-on-surface
filled-input-text-colorColor--mat-sys-on-surface
filled-disabled-input-text-colorColor--mat-sys-on-surface
filled-input-text-placeholder-colorColor--mat-sys-on-surface-variant
filled-error-hover-label-text-colorColor--mat-sys-on-error-container
filled-error-focus-label-text-colorColor--mat-sys-error
filled-error-label-text-colorColor--mat-sys-error
filled-error-caret-colorColor None
filled-active-indicator-colorColor--mat-sys-on-surface-variant
filled-disabled-active-indicator-colorColor--mat-sys-on-surface
filled-hover-active-indicator-colorColor--mat-sys-on-surface
filled-error-active-indicator-colorColor--mat-sys-error
filled-error-focus-active-indicator-colorColor--mat-sys-error
filled-error-hover-active-indicator-colorColor--mat-sys-on-error-container
filled-label-text-fontTypography--mat-sys-body-large-font
filled-label-text-sizeTypography--mat-sys-body-large-size
filled-label-text-trackingTypography--mat-sys-body-large-tracking
filled-label-text-weightTypography--mat-sys-body-large-weight
outlined-outline-widthBase None
outlined-focus-outline-widthBase None
outlined-container-shapeBase None
outlined-caret-colorColor--mat-sys-primary
outlined-focus-outline-colorColor--mat-sys-primary
outlined-focus-label-text-colorColor--mat-sys-primary
outlined-label-text-colorColor--mat-sys-on-surface-variant
outlined-hover-label-text-colorColor--mat-sys-on-surface
outlined-disabled-label-text-colorColor--mat-sys-on-surface
outlined-input-text-colorColor--mat-sys-on-surface
outlined-disabled-input-text-colorColor--mat-sys-on-surface
outlined-input-text-placeholder-colorColor--mat-sys-on-surface-variant
outlined-error-caret-colorColor None
outlined-error-focus-label-text-colorColor--mat-sys-error
outlined-error-label-text-colorColor--mat-sys-error
outlined-error-hover-label-text-colorColor--mat-sys-on-error-container
outlined-outline-colorColor--mat-sys-outline
outlined-disabled-outline-colorColor--mat-sys-on-surface
outlined-hover-outline-colorColor--mat-sys-on-surface
outlined-error-focus-outline-colorColor--mat-sys-error
outlined-error-hover-outline-colorColor--mat-sys-on-error-container
outlined-error-outline-colorColor--mat-sys-error
outlined-label-text-fontTypography--mat-sys-body-large-font
outlined-label-text-sizeTypography--mat-sys-body-large-size
outlined-label-text-trackingTypography--mat-sys-body-large-tracking
outlined-label-text-weightTypography--mat-sys-body-large-weight
focus-select-arrow-colorColor--mat-sys-primary
disabled-input-text-placeholder-colorColor--mat-sys-on-surface
state-layer-colorColor--mat-sys-on-surface
error-text-colorColor--mat-sys-error
select-option-text-colorColor None
select-disabled-option-text-colorColor None
leading-icon-colorColor--mat-sys-on-surface-variant
disabled-leading-icon-colorColor--mat-sys-on-surface
trailing-icon-colorColor--mat-sys-on-surface-variant
disabled-trailing-icon-colorColor--mat-sys-on-surface
error-focus-trailing-icon-colorColor--mat-sys-error
error-hover-trailing-icon-colorColor--mat-sys-on-error-container
error-trailing-icon-colorColor--mat-sys-error
enabled-select-arrow-colorColor--mat-sys-on-surface-variant
disabled-select-arrow-colorColor--mat-sys-on-surface
hover-state-layer-opacityColor None
focus-state-layer-opacityBase None
container-text-fontTypography--mat-sys-body-large-font
container-text-line-heightTypography--mat-sys-body-large-line-height
container-text-sizeTypography--mat-sys-body-large-size
container-text-trackingTypography--mat-sys-body-large-tracking
container-text-weightTypography--mat-sys-body-large-weight
outlined-label-text-populated-sizeTypography None
subscript-text-fontTypography--mat-sys-body-small-font
subscript-text-line-heightTypography--mat-sys-body-small-line-height
subscript-text-sizeTypography--mat-sys-body-small-size
subscript-text-trackingTypography--mat-sys-body-small-tracking
subscript-text-weightTypography--mat-sys-body-small-weight
container-heightDensity None
filled-label-displayDensity None
container-vertical-paddingDensity None
filled-with-label-container-padding-topDensity None
filled-with-label-container-padding-bottomDensity None
Azure & Blue theme selected.