@openui5/sap.m/src/sap/m/themes/sap_hcb/Slider.less

OpenUI5 UI Library sap.m

/* ============================= */
/* CSS for control sap.m/Slider  */
/* High Contrast Black theme     */
/* ============================= */

/* slider */
.sapMSliderInner {
	border: 1px solid @sapUiFieldBorderColor;
	background: @sapUiFieldBackground;
}

.sapMSliderInner,
.sapMSliderProgress {
	height: 0.188rem;
	border-radius: 0.125rem;
}

/* slider handle */
.sapMSliderHandle {
	background: transparent;
	border: 0.125rem solid @sapUiFieldBorderColor;
	&:focus:before {
		top: -0.3125rem;
		bottom: -0.3125rem;
		left: -0.3125rem;
		right: -0.3125rem;
	}
}

/* hover */
html.sap-desktop .sapMSliderHandle:not(.sapMSliderInnerDisabled ):hover {
	background: @sapUiFieldActiveBackground;
}

/* pressed */
.sapMSliderPressed:not(.sapMSliderInnerDisabled ) > .sapMSliderHandle {
	background: @sapUiFieldActiveBackground;
	border: 0.125rem solid @sapUiFieldActiveBorderColor;
}

.sapMSliderInnerDisabled {
	border: 0.063rem solid @sapUiHcReducedAltForeground;
}

.sapMSliderInnerDisabled .sapMSliderProgress {
	background: @sapUiHcReducedBackground;
}

.sapMSliderInnerDisabled > .sapMSliderHandle {
	background: transparent;
	border:0.125rem solid @sapUiHcReducedForeground;
}