fix theme switching in style guide

public/app/features/styleguide/styleguide.html

@@ -9,10 +9,6 @@
 			<i class="fa fa-random"></i>
 			<i class="fa fa-random"></i>
 			Switch theme
 			Switch theme
 		</a>
 		</a>
-		<a class="btn btn-inverse" ng-click="ctrl.switchTheme()">
-			<i class="fa fa-refresh"></i>
-			Reload
-		</a>
 
 
 		<div class="page-header-tabs">
 		<div class="page-header-tabs">
 			<ul class="gf-tabs">
 			<ul class="gf-tabs">

public/app/features/styleguide/styleguide.ts

@@ -14,7 +14,7 @@ class StyleGuideCtrl {
   pages = ['colors', 'buttons', 'icons', 'plugins'];
   pages = ['colors', 'buttons', 'icons', 'plugins'];
 
 
   /** @ngInject **/
   /** @ngInject **/
-  constructor(private $http, private $routeParams, private $location) {
+  constructor(private $http, private $routeParams, private $location, private backendSrv) {
     this.theme = config.bootData.user.lightTheme ? 'light': 'dark';
     this.theme = config.bootData.user.lightTheme ? 'light': 'dark';
     this.page = {};
     this.page = {};
 
 
@@ -49,8 +49,12 @@ class StyleGuideCtrl {
 
 
   switchTheme() {
   switchTheme() {
     this.$routeParams.theme = this.theme === 'dark' ? 'light' : 'dark';
     this.$routeParams.theme = this.theme === 'dark' ? 'light' : 'dark';
-    this.$location.search(this.$routeParams);
-    setTimeout(() => {
+
+    var cmd = {
+      theme: this.$routeParams.theme
+    };
+
+    this.backendSrv.put('/api/user/preferences', cmd).then(() => {
       window.location.href = window.location.href;
       window.location.href = window.location.href;
     });
     });
   }
   }