prepare for theme preferences, add sugar.js

iclukas · Oct 19, 2011 · 6be53f8 · 6be53f8
1 parent a3201e7
commit 6be53f8
Show file tree

Hide file tree

Showing 2 changed files with 132 additions and 3 deletions.
diff --git a/public/index.html b/public/index.html
@@ -7,13 +7,33 @@
   <link rel="stylesheet" href="css/blitzer/jquery-ui-1.8.16.custom.css" type="text/css" media="screen" title="style" charset="utf-8">
   <link rel="stylesheet" href="css/master.css" type="text/css" media="screen" title="style" charset="utf-8">
 
-  <!-- Load js -->
+  <!-- ACE Editor -->
   <script src="js/ace/ace.js" type="text/javascript"></script>
   <script src="js/ace/mode-ruby.js" type="text/javascript"></script>
+
+  <script src="js/ace/theme-clouds.js" type="text/javascript"></script>
+  <script src="js/ace/theme-clouds_midnight.js" type="text/javascript"></script>
+  <script src="js/ace/theme-cobalt.js" type="text/javascript"></script>
+  <script src="js/ace/theme-crimson_editor.js" type="text/javascript"></script>
+  <script src="js/ace/theme-dawn.js" type="text/javascript"></script>
+  <script src="js/ace/theme-eclipse.js" type="text/javascript"></script>
+  <script src="js/ace/theme-idle_fingers.js" type="text/javascript"></script>
+  <script src="js/ace/theme-kr_theme.js" type="text/javascript"></script>
+  <script src="js/ace/theme-merbivore.js" type="text/javascript"></script>
+  <script src="js/ace/theme-merbivore_soft.js" type="text/javascript"></script>
+  <script src="js/ace/theme-mono_industrial.js" type="text/javascript"></script>
+  <script src="js/ace/theme-solarized_dark.js" type="text/javascript"></script>
+  <script src="js/ace/theme-solarized_light.js" type="text/javascript"></script>
+  <script src="js/ace/theme-textmate.js" type="text/javascript"></script>
   <script src="js/ace/theme-twilight.js" type="text/javascript"></script>
+  <script src="js/ace/theme-vibrant_ink.js" type="text/javascript"></script>
 
+  <!-- jQuery-ish -->
   <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
   <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
+  <script type="text/javascript" src="js/sugar-0.9.5.min.js"></script>
+
+  <!-- KidsRuby -->
   <script type="text/javascript" src="js/app.js"></script>
   <script type="text/javascript" src="js/pen.js"></script>
   <script type="text/javascript" src="js/hsv.js"></script>
@@ -58,8 +78,16 @@
 
 <script type="text/javascript" charset="utf-8">
 window.onload = function() {
-  editor = ace.edit("rubycode");
-  // editor.setTheme("ace/theme/twilight");
+  var editor = ace.edit("rubycode");
+
+  var themes = [
+    "clouds", "clouds_midnight", "cobalt", "crimson_editor", "dawn", "eclipse",
+    "idle_fingers", "kr_theme", "merbivore", "merbivore_soft",
+    "mono_industrial", "solarized_dark", "solarized_light", "textmate",
+    "twilight", "vibrant_ink"
+  ]
+
+  editor.setTheme("ace/theme/" + themes.first());
 
   var RubyMode = require("ace/mode/ruby").Mode;
   editor.getSession().setMode(new RubyMode());