Enhance Customization: Add connectColor Option for Customizing Connected Section Colors

[shirshak007]

I propose adding a connectColor option to noUiSlider that allows users to customize the colors of the connected sections between slider handles. This would enable greater flexibility for styling the slider to match a website's design.

Option Behaviour:

• Single String: If a single color is provided, it will be applied to all connected sections. Example : connectColor: '#ff5733'
• Array of Strings: : If an array is provided, each color will be applied to the corresponding connected section between handles. For n handles there will be n+1 colors. Example : connectColor: '#FF5733', '#33FF57', '#3357FF', '#F1C40F', '#9B59B6']
• If connectColor is not specified, the default color will be used.

Example Usage:

noUiSlider.create(sliderElement, {
    start: [20, 50, 70, 90],
    connect: [true, true, true, true, true],
    connectColor: '#ff5733',  // Single color for all connected sections
    // OR
    connectColor: ['#FF5733', '#33FF57', '#3357FF', '#F1C40F', '#9B59B6'],  // Different colors for each section
    range: {
        'min': 0,
        'max': 100
    }
});

Sample Image:

I would be happy to contribute this feature if you're open to it and would appreciate any feedback or suggestions you have.

Thank you for considering this feature!