How to style expansion

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

Tokens supported by expansion-overrides

NameTypeBased on system token
container-shapeBase None
legacy-header-indicator-displayBase None
header-indicator-displayBase None
container-background-colorColor--mat-sys-surface
container-text-colorColor--mat-sys-on-surface
actions-divider-colorColor--mat-sys-outline
header-hover-state-layer-colorColor--mat-sys-on-surface
header-focus-state-layer-colorColor--mat-sys-on-surface
header-disabled-state-text-colorColor--mat-sys-on-surface
header-text-colorColor--mat-sys-on-surface
header-description-colorColor--mat-sys-on-surface-variant
header-indicator-colorColor--mat-sys-on-surface-variant
header-text-fontTypography--mat-sys-title-medium-font
header-text-sizeTypography--mat-sys-title-medium-size
header-text-weightTypography--mat-sys-title-medium-weight
header-text-line-heightTypography--mat-sys-title-medium-line-height
header-text-trackingTypography--mat-sys-title-medium-tracking
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
header-collapsed-state-heightDensity None
header-expanded-state-heightDensity None
Azure & Blue theme selected.