How to style tabs

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

Tokens supported by tabs-overrides

NameTypeBased on system token
container-heightDensity None
active-indicator-heightBase None
active-indicator-shapeBase None
active-indicator-colorColor--mat-sys-primary
divider-colorColor--mat-sys-surface-variant
divider-heightBase None
disabled-ripple-colorColor None
pagination-icon-colorColor--mat-sys-on-surface
inactive-label-text-colorColor--mat-sys-on-surface
active-label-text-colorColor--mat-sys-on-surface
active-ripple-colorColor--mat-sys-on-surface
inactive-ripple-colorColor--mat-sys-on-surface
inactive-focus-label-text-colorColor--mat-sys-on-surface
inactive-hover-label-text-colorColor--mat-sys-on-surface
active-focus-label-text-colorColor--mat-sys-on-surface
active-hover-label-text-colorColor--mat-sys-on-surface
active-focus-indicator-colorColor--mat-sys-primary
active-hover-indicator-colorColor--mat-sys-primary
label-text-fontTypography--mat-sys-title-small-font
label-text-sizeTypography--mat-sys-title-small-size
label-text-trackingTypography--mat-sys-title-small-tracking
label-text-line-heightTypography--mat-sys-title-small-line-height
label-text-weightTypography--mat-sys-title-small-weight
background-colorColor None
foreground-colorColor None
Azure & Blue theme selected.