deliteful-Slider-custom-color

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.14/require.js"></script>
<d-slider style></d-slider>
<hr>
<d-slider value=","></d-slider>

CSS

.d-slider {
    background-color: grey;
}
.d-slider .d-slider-container {
    background-color: green;
}
.d-slider .d-slider-progress-bar {
    background-color: red;
}
.d-slider .d-slider-handle {
    border-radius: 0;
    box-shadow: 2px 3px 5px #888888
}
.d-slider .d-slider-handle-min {
    background-color: yellow;
}
.d-slider .d-slider-handle-max {
    background-color: blue;
}

JavaScript

require.config({
    baseUrl: "http://ibm-js.github.io/libraries/master",     
});

require(["deliteful-build/layer"], function () {
    require([
        "deliteful/Slider"
    ], function (){
        document.body.style.display = "";
    });
});