How to style core

Styles from the material/core package can be customized using the core-overrides, optgroup-overrides, option-overrides, ripple-overrides and pseudo-checkbox-overrides mixins. These mixins accept 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.core-overrides((
    app-background-color: orange,
    app-text-color: red,
  ));
}
You can find the full list of supported mixins and tokens below.

Tokens supported by core-overrides

NameTypeBased on system token
app-background-colorColor--mat-sys-background
app-text-colorColor--mat-sys-on-background
app-elevation-shadow-level-0Color None
app-elevation-shadow-level-1Color None
app-elevation-shadow-level-2Color None
app-elevation-shadow-level-3Color None
app-elevation-shadow-level-4Color None
app-elevation-shadow-level-5Color None
app-elevation-shadow-level-6Color None
app-elevation-shadow-level-7Color None
app-elevation-shadow-level-8Color None
app-elevation-shadow-level-9Color None
app-elevation-shadow-level-10Color None
app-elevation-shadow-level-11Color None
app-elevation-shadow-level-12Color None
app-elevation-shadow-level-13Color None
app-elevation-shadow-level-14Color None
app-elevation-shadow-level-15Color None
app-elevation-shadow-level-16Color None
app-elevation-shadow-level-17Color None
app-elevation-shadow-level-18Color None
app-elevation-shadow-level-19Color None
app-elevation-shadow-level-20Color None
app-elevation-shadow-level-21Color None
app-elevation-shadow-level-22Color None
app-elevation-shadow-level-23Color None
app-elevation-shadow-level-24Color None
ripple-colorColor--mat-sys-on-surface
option-selected-state-label-text-colorColor--mat-sys-on-secondary-container
option-label-text-colorColor--mat-sys-on-surface
option-hover-state-layer-colorColor--mat-sys-on-surface
option-focus-state-layer-colorColor--mat-sys-on-surface
option-selected-state-layer-colorColor--mat-sys-secondary-container
option-label-text-fontTypography--mat-sys-label-large-font
option-label-text-line-heightTypography--mat-sys-label-large-line-height
option-label-text-sizeTypography--mat-sys-body-large-size
option-label-text-trackingTypography--mat-sys-label-large-tracking
option-label-text-weightTypography--mat-sys-body-large-weight
optgroup-label-text-colorColor--mat-sys-on-surface-variant
optgroup-label-text-fontTypography--mat-sys-title-small-font
optgroup-label-text-line-heightTypography--mat-sys-title-small-line-height
optgroup-label-text-sizeTypography--mat-sys-title-small-size
optgroup-label-text-trackingTypography--mat-sys-title-small-tracking
optgroup-label-text-weightTypography--mat-sys-title-small-weight
pseudo-checkbox-full-selected-icon-colorColor--mat-sys-primary
pseudo-checkbox-full-selected-checkmark-colorColor--mat-sys-on-primary
pseudo-checkbox-full-unselected-icon-colorColor--mat-sys-on-surface-variant
pseudo-checkbox-full-disabled-selected-checkmark-colorColor--mat-sys-surface
pseudo-checkbox-full-disabled-unselected-icon-colorColor--mat-sys-on-surface
pseudo-checkbox-full-disabled-selected-icon-colorColor--mat-sys-on-surface
pseudo-checkbox-minimal-selected-checkmark-colorColor--mat-sys-primary
pseudo-checkbox-minimal-disabled-selected-checkmark-colorColor--mat-sys-on-surface

Tokens supported by optgroup-overrides

NameTypeBased on system token
label-text-colorColor--mat-sys-on-surface-variant
label-text-fontTypography--mat-sys-title-small-font
label-text-line-heightTypography--mat-sys-title-small-line-height
label-text-sizeTypography--mat-sys-title-small-size
label-text-trackingTypography--mat-sys-title-small-tracking
label-text-weightTypography--mat-sys-title-small-weight

Tokens supported by option-overrides

NameTypeBased on system token
selected-state-label-text-colorColor--mat-sys-on-secondary-container
label-text-colorColor--mat-sys-on-surface
hover-state-layer-colorColor--mat-sys-on-surface
focus-state-layer-colorColor--mat-sys-on-surface
selected-state-layer-colorColor--mat-sys-secondary-container
label-text-fontTypography--mat-sys-label-large-font
label-text-line-heightTypography--mat-sys-label-large-line-height
label-text-sizeTypography--mat-sys-body-large-size
label-text-trackingTypography--mat-sys-label-large-tracking
label-text-weightTypography--mat-sys-body-large-weight

Tokens supported by ripple-overrides

NameTypeBased on system token
colorColor--mat-sys-on-surface

Tokens supported by pseudo-checkbox-overrides

NameTypeBased on system token
full-selected-icon-colorColor--mat-sys-primary
full-selected-checkmark-colorColor--mat-sys-on-primary
full-unselected-icon-colorColor--mat-sys-on-surface-variant
full-disabled-selected-checkmark-colorColor--mat-sys-surface
full-disabled-unselected-icon-colorColor--mat-sys-on-surface
full-disabled-selected-icon-colorColor--mat-sys-on-surface
minimal-selected-checkmark-colorColor--mat-sys-primary
minimal-disabled-selected-checkmark-colorColor--mat-sys-on-surface