Как изменить цвет ползунка в Google MDL Lite

Во-первых, для настройки цветов отлично подойдет Customizer и он сделает то, что вам нужно.

Но ответом на ваш вопрос являются эти строки (скорее проверьте его во всех браузерах):

.mdl-slider {
    &:active::-webkit-slider-thumb,
    &::-webkit-slider-thumb {
        background: $your-color !important;
    }

    &:active::-moz-range-thumb,
    &::-moz-range-thumb {
        background: $your-color !important;
    }

    &:active::-ms-thumb,
    &::-ms-thumb {
        background: $your-color !important;
    }
}

Однако есть цвет фокуса и другие исправления для IE. Поэтому, если вы хотите быть на 100% уверены, скопируйте этот файл со стилем слайдера и измените цветовые переменные ($range-color, $range-bg-color, $range-faded-color и т. д.) в соответствии с вашими требованиями. Или используйте первое упомянутое решение.