overlayColor property

Color? overlayColor

Specifies the color for the overlay in the SfSlider, SfRangeSlider, and SfRangeSelector.

Overlay appears while interacting with thumbs.

This snippet shows how to set overlay color in SfRangeSliderThemeData.

SfRangeValues _values = SfRangeValues(4.0, 8.0);

    body: Center(
        child: SfRangeSliderTheme(
            data: SfRangeSliderThemeData(
                 overlayColor: Colors.red[50],
            child:  SfRangeSlider(
                min: 2.0,
                max: 10.0,
                values: _values,
                onChanged: (SfRangeValues newValues){
                    setState(() {
                        _values = newValues;


final Color? overlayColor;