UI: map color decay slider more naturally

data_src/main.js

@@ -35,6 +35,7 @@ $(document).on('change', '.rangeSetting', function () {
     var value = $(this).val();
     switch (setting) {
         case 'colorDecay':
+            value = mapRange(value, 1, 100, 100, 1);
             break;
         case 'brightness':
             value = mapRange(value, 1, 100, 8, 255);
@@ -171,8 +172,8 @@ function loadSettings(data) {
     colorPicker.color.rgb = data.color;
     enabledUI(true);
     $('.btnColorMode').prop('checked', false);
-    $('#btnColorMode_' + settings.colorMode).prop('checked', true);
-    $('#rangeDecay').val(data.colorDecay);
+    $('#btnColorMode_' + settings.colorMode).trigger('click');
+    $('#rangeDecay').val(mapRange(data.colorDecay, 100, 1, 1, 100));
     $('#rangeBrightness').val(mapRange(data.brightness, 8, 255, 1, 100));
     $('#rangeSpeed').val(mapRange(data.interval, 1000, 10, 1, 100));
     sendAction('getHighscores');