How to style slide-toggle

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

Tokens supported by slide-toggle-overrides

NameTypeBased on system token
disabled-selected-handle-opacityBase None
disabled-unselected-handle-opacityBase None
unselected-handle-sizeBase None
selected-handle-sizeBase None
pressed-handle-sizeBase None
with-icon-handle-sizeBase None
selected-handle-horizontal-marginBase None
selected-with-icon-handle-horizontal-marginBase None
selected-pressed-handle-horizontal-marginBase None
unselected-handle-horizontal-marginBase None
unselected-with-icon-handle-horizontal-marginBase None
unselected-pressed-handle-horizontal-marginBase None
visible-track-opacityBase None
hidden-track-opacityBase None
visible-track-transitionBase None
hidden-track-transitionBase None
track-outline-widthBase None
track-outline-colorColor--mat-sys-outline
selected-track-outline-widthBase None
selected-track-outline-colorBase None
disabled-unselected-track-outline-widthBase None
disabled-unselected-track-outline-colorColor--mat-sys-on-surface
label-text-colorColor--mat-sys-on-surface
label-text-fontTypography--mat-sys-body-medium-font
label-text-line-heightTypography--mat-sys-body-medium-line-height
label-text-sizeTypography--mat-sys-body-medium-size
label-text-trackingTypography--mat-sys-body-medium-tracking
label-text-weightTypography--mat-sys-body-medium-weight
disabled-selected-icon-opacityBase None
disabled-track-opacityBase None
disabled-unselected-icon-opacityBase None
handle-heightDensity None
handle-shapeBase None
handle-widthDensity None
selected-icon-sizeBase None
track-heightBase None
track-shapeBase None
track-widthBase None
unselected-icon-sizeBase None
selected-focus-state-layer-opacityColor None
selected-hover-state-layer-opacityColor None
selected-pressed-state-layer-opacityColor None
unselected-focus-state-layer-opacityColor None
unselected-hover-state-layer-opacityColor None
unselected-pressed-state-layer-opacityColor None
selected-focus-state-layer-colorColor--mat-sys-primary
selected-handle-colorColor--mat-sys-on-primary
selected-hover-state-layer-colorColor--mat-sys-primary
selected-pressed-state-layer-colorColor--mat-sys-primary
selected-focus-handle-colorColor--mat-sys-primary-container
selected-hover-handle-colorColor--mat-sys-primary-container
selected-pressed-handle-colorColor--mat-sys-primary-container
selected-focus-track-colorColor--mat-sys-primary
selected-hover-track-colorColor--mat-sys-primary
selected-pressed-track-colorColor--mat-sys-primary
selected-track-colorColor--mat-sys-primary
disabled-selected-handle-colorColor--mat-sys-surface
disabled-selected-icon-colorColor--mat-sys-on-surface
disabled-selected-track-colorColor--mat-sys-on-surface
disabled-unselected-handle-colorColor--mat-sys-on-surface
disabled-unselected-icon-colorColor--mat-sys-surface-variant
disabled-unselected-track-colorColor--mat-sys-surface-variant
handle-surface-colorColor None
selected-icon-colorColor--mat-sys-on-primary-container
unselected-focus-handle-colorColor--mat-sys-on-surface-variant
unselected-focus-state-layer-colorColor--mat-sys-on-surface
unselected-focus-track-colorColor--mat-sys-surface-variant
unselected-handle-colorColor--mat-sys-outline
unselected-hover-handle-colorColor--mat-sys-on-surface-variant
unselected-hover-state-layer-colorColor--mat-sys-on-surface
unselected-hover-track-colorColor--mat-sys-surface-variant
unselected-icon-colorColor--mat-sys-surface-variant
unselected-pressed-handle-colorColor--mat-sys-on-surface-variant
unselected-pressed-state-layer-colorColor--mat-sys-on-surface
unselected-pressed-track-colorColor--mat-sys-surface-variant
unselected-track-colorColor--mat-sys-surface-variant
handle-elevation-shadowColor None
disabled-handle-elevation-shadowColor None
state-layer-sizeBase None
Azure & Blue theme selected.