From c7ddde69c2d7a483eed0fdfadc2183817d67b76f Mon Sep 17 00:00:00 2001
From: Hyunje Jun <me@noraesae.net>
Date: Tue, 18 Oct 2016 15:45:19 +0900
Subject: [PATCH] Add example to change theme

---
 examples/custom-theme.html | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)
diff --git a/examples/custom-theme.html b/examples/custom-theme.html
index 830f69c..c1ba27b 100644
--- a/examples/custom-theme.html
+++ b/examples/custom-theme.html
@@ -11,17 +11,28 @@
   </style>
 </head>
 <body>
-<div id="Default" class="contentHolder">
+<div id="container" class="contentHolder">
   <div class="content">
   </div>
 </div>
+<p style='text-align: center'>
+  <button id='default'>default</button>
+  <button id='custom'>custom</button>
+</p>
 <script>
   var $ = document.querySelector.bind(document);
+  var container = $('#container');
   window.onload = function () {
-    Ps.initialize($('#Default'), {
-      theme: 'square'
-    });
+    Ps.initialize(container, { theme: 'square' });
   };
+  $('#default').addEventListener('click', function () {
+    Ps.destroy(container);
+    Ps.initialize(container);
+  });
+  $('#custom').addEventListener('click', function () {
+    Ps.destroy(container);
+    Ps.initialize(container, { theme: 'square' });
+  });
 </script>
 </body>
 </html>
