good to see someone is taking care of this addon. I'd suggest you include a

Directory Paper-Range-Slider components
1

good to see someone is taking care of this addon. I’d suggest you include a simple hack to synchronize the color schema with lumo, something like

<paper-range-slider 
	style="--paper-grey-400:var(--lumo-contrast-50-pct);--primary-color:var(--lumo-primary-color)"
>

should do.

2

Hi Bernd,

Thanks for the suggestion, however I think it could make the custom styles using Mixin not possible.
As I can see do you want to change the color(s) of the sliders, to the default of your project, could you try to use the ElementMixin, here is an example:

Add a class to vaadin-paper-range-slider, let’s say…

Then, in your shared styles css file, add the following:



:host(.defaultColors) paper-range-slider {
–paper-range-slider-lower-color: var(–lumo-contrast-50-pct);
–paper-range-slider-pin-color: var(–lumo-primary-color);
–paper-range-slider-knob-color: var(–lumo-primary-color);
–paper-range-slider-active-color: var(–lumo-primary-color);
–paper-range-slider-higher-color: var(–lumo-contrast-50-pct);
}


Here is the some additional customization of the paper-range-slider.
https://github.com/IftachSadeh/paper-range-slider#styling

I hope I could help.

Regards,
Belom