gui: Pretty theme names

gui/default/syncthing/core/syncthingController.js

@@ -1551,6 +1551,12 @@ angular.module('syncthing.core')
             return randomStringFromCharset(5, charset) + "-" + randomStringFromCharset(5, charset);
         };
 
+        $scope.themeName = function (theme) {
+            return theme.replace('-', ' ').replace(/(?:^|\s)\S/g, function (a) {
+                return a.toUpperCase();
+            });
+        };
+
         // pseudo main. called on all definitions assigned
         initController();
     });

gui/default/syncthing/settings/settingsModalView.html

@@ -139,9 +139,9 @@
 
             <div class="form-group" ng-if="system.themes.length > 1">
               <label>GUI Theme</label>
-              <select class="form-control" ng-model="tmpGUI.theme" ng->
-                <option ng-repeat="theme in system.themes" value="{{ theme }}">
-                  {{ theme.charAt(0).toUpperCase() + theme.slice(1) }}
+              <select class="form-control" ng-model="tmpGUI.theme">
+                <option ng-repeat="theme in system.themes.sort()" value="{{ theme }}">
+                  {{ themeName(theme) }}
                 </option>
               </select>
             </div>