How to style slider

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

Tokens supported by slider-overrides

NameTypeBased on system token
value-indicator-widthBase None
value-indicator-heightBase None
value-indicator-caret-displayBase None
value-indicator-border-radiusBase None
value-indicator-paddingBase None
value-indicator-text-transformBase None
value-indicator-container-transformBase None
ripple-colorColor--mat-sys-primary
hover-state-layer-colorColor--mat-sys-primary
focus-state-layer-colorColor--mat-sys-primary
value-indicator-opacityBase None
active-track-heightBase None
active-track-shapeBase None
handle-heightBase None
handle-shapeBase None
handle-widthBase None
inactive-track-heightBase None
inactive-track-shapeBase None
with-overlap-handle-outline-widthBase None
with-tick-marks-active-container-opacityBase None
with-tick-marks-container-shapeBase None
with-tick-marks-container-sizeBase None
with-tick-marks-inactive-container-opacityBase None
handle-elevationColor None
handle-colorColor--mat-sys-primary
focus-handle-colorColor--mat-sys-primary
hover-handle-colorColor--mat-sys-primary
active-track-colorColor--mat-sys-primary
inactive-track-colorColor--mat-sys-surface-variant
with-tick-marks-inactive-container-colorColor--mat-sys-on-surface-variant
with-tick-marks-active-container-colorColor--mat-sys-on-primary
disabled-active-track-colorColor--mat-sys-on-surface
disabled-handle-colorColor--mat-sys-on-surface
disabled-inactive-track-colorColor--mat-sys-on-surface
label-container-colorColor--mat-sys-primary
label-label-text-colorColor--mat-sys-on-primary
with-overlap-handle-outline-colorColor--mat-sys-on-primary
with-tick-marks-disabled-container-colorColor--mat-sys-on-surface
label-label-text-fontTypography--mat-sys-label-medium-font
label-label-text-sizeTypography--mat-sys-label-medium-size
label-label-text-line-heightTypography--mat-sys-label-medium-line-height
label-label-text-trackingTypography--mat-sys-label-medium-tracking
label-label-text-weightTypography--mat-sys-label-medium-weight
Azure & Blue theme selected.