JavaScriptCollection
diff --git a/‎docs/lib/themes.coffee‎
Lines changed: 0 additions & 1 deletion b/‎docs/lib/themes.coffee‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎docs/lib/themes.js‎
Lines changed: 0 additions & 1 deletion b/‎docs/lib/themes.js‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎docs/themes/index.html‎
Lines changed: 8 additions & 3 deletions b/‎docs/themes/index.html‎
Lines changed: 8 additions & 3 deletions
@@ -17,7 +17,6 @@ compileTheme = (body, args={}) ->
       # It matters that args is in the context
       Color = window.Color
       val = eval(code)
-      console.log(val)
 
     val
 
 
@@ -27,7 +27,6 @@
       } else {
         Color = window.Color;
         val = eval(code);
-        console.log(val);
       }
       return val;
     });
 
@@ -52,7 +52,7 @@ <h2>Themes</h2>
     <input type="color" value="#2299dd"></input>
     <div class="themes"></div>
     <script>
-      (function(){
+      $(function(){
         var themes = [{
           name: 'minimal',
           title: 'Minimal',
@@ -96,8 +96,13 @@ <h2>Themes</h2>
           '</div>');
         });
 
+        var $color = $('input[type="color"]');
+        
         var cssCache = {};
         var initFrame = function(frame, color){
+          if ($color.val() != '#2299dd')
+            color = $color.val();
+
           var $styleEl = $('<style>')
           $(frame).contents().find('body').append($styleEl);
 
@@ -137,7 +142,7 @@ <h2>Themes</h2>
           }, 0);
         });
 
-        $('input[type="color"]').change(function(){
+        $color.change(function(){
           updateColor($(this).val());
         });
 
@@ -148,7 +153,7 @@ <h2>Themes</h2>
 
           downloadTheme(theme);
         });
-      })();
+      });
     </script>
   </div>
 </body>
Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,6 @@`
`27`	`27`	`} else {`
`28`	`28`	`Color = window.Color;`
`29`	`29`	`val = eval(code);`
`30`		`- console.log(val);`
`31`	`30`	`}`
`32`	`31`	`return val;`
`33`	`32`	`});`