How to style chips

Styles from the material/chips package can be customized using the chips-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.chips-overrides((
    outline-color: orange,
    disabled-outline-color: red,
  ));
}
You can find the full list of supported mixins and tokens below.

Tokens supported by chips-overrides

NameTypeBased on system token
container-shape-radiusBase None
with-avatar-avatar-shape-radiusBase None
with-avatar-avatar-sizeBase None
with-icon-icon-sizeBase None
outline-widthBase None
outline-colorColor--mat-sys-outline
disabled-outline-colorColor--mat-sys-on-surface
focus-outline-colorColor--mat-sys-on-surface-variant
hover-state-layer-opacityColor None
with-avatar-disabled-avatar-opacityBase None
flat-selected-outline-widthBase None
selected-hover-state-layer-opacityColor None
with-trailing-icon-disabled-trailing-icon-opacityBase None
with-icon-disabled-icon-opacityBase None
disabled-label-text-colorColor--mat-sys-on-surface
elevated-container-colorBase None
elevated-selected-container-colorColor--mat-sys-secondary-container
elevated-disabled-container-colorColor None
flat-disabled-selected-container-colorColor--mat-sys-on-surface
focus-state-layer-colorColor--mat-sys-on-surface-variant
hover-state-layer-colorColor--mat-sys-on-surface-variant
selected-hover-state-layer-colorColor--mat-sys-on-secondary-container
focus-state-layer-opacityColor None
selected-focus-state-layer-colorColor--mat-sys-on-secondary-container
selected-focus-state-layer-opacityColor None
label-text-colorColor--mat-sys-on-surface-variant
selected-label-text-colorColor--mat-sys-on-secondary-container
with-icon-icon-colorColor--mat-sys-on-surface-variant
with-icon-disabled-icon-colorColor--mat-sys-on-surface
with-icon-selected-icon-colorColor--mat-sys-on-secondary-container
with-trailing-icon-disabled-trailing-icon-colorColor--mat-sys-on-surface
with-trailing-icon-trailing-icon-colorColor--mat-sys-on-surface-variant
label-text-fontTypography--mat-sys-label-large-font
label-text-line-heightTypography--mat-sys-label-large-line-height
label-text-sizeTypography--mat-sys-label-large-size
label-text-trackingTypography--mat-sys-label-large-tracking
label-text-weightTypography--mat-sys-label-large-weight
container-heightDensity None
disabled-container-opacityBase None
trailing-action-opacityBase None
trailing-action-focus-opacityBase None
trailing-action-state-layer-colorColor--mat-sys-on-surface-variant
selected-trailing-action-state-layer-colorColor--mat-sys-on-secondary-container
trailing-action-hover-state-layer-opacityColor None
trailing-action-focus-state-layer-opacityColor None
selected-disabled-trailing-icon-colorColor--mat-sys-on-surface
selected-trailing-icon-colorColor--mat-sys-on-secondary-container
Azure & Blue theme selected.