From 53ccc6f48fe612879a2b414eacc406e655abff3a Mon Sep 17 00:00:00 2001
From: Andrei Stefan <slicer@sliceratwork.com>
Date: Tue, 2 May 2017 16:45:34 +0300
Subject: [PATCH] fix theme switching in style guide

---
 public/app/features/styleguide/styleguide.html |  4 ----
 public/app/features/styleguide/styleguide.ts   | 10 +++++++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/public/app/features/styleguide/styleguide.html b/public/app/features/styleguide/styleguide.html
index e573a0e3b09..e2a218bb763 100644
--- a/public/app/features/styleguide/styleguide.html
+++ b/public/app/features/styleguide/styleguide.html
@@ -9,10 +9,6 @@
 			<i class="fa fa-random"></i>
 			Switch theme
 		</a>
-		<a class="btn btn-inverse" ng-click="ctrl.switchTheme()">
-			<i class="fa fa-refresh"></i>
-			Reload
-		</a>
 
 		<div class="page-header-tabs">
 			<ul class="gf-tabs">
diff --git a/public/app/features/styleguide/styleguide.ts b/public/app/features/styleguide/styleguide.ts
index 0397b7254a3..de9da6aafd7 100644
--- a/public/app/features/styleguide/styleguide.ts
+++ b/public/app/features/styleguide/styleguide.ts
@@ -14,7 +14,7 @@ class StyleGuideCtrl {
   pages = ['colors', 'buttons', 'icons', 'plugins'];
 
   /** @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.page = {};
 
@@ -49,8 +49,12 @@ class StyleGuideCtrl {
 
   switchTheme() {
     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;
     });
   }