added theme choices for editor

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>

1 files changed, 11 insertions, 1 deletions

diff --git a/js/controllers/code-editor-controller.js b/js/controllers/code-editor-controller.js
index 52eb47eb..cf0503a0 100644
--- a/js/controllers/code-editor-controller.js
+++ b/js/controllers/code-editor-controller.js
@@ -49,9 +49,13 @@ var CodeEditorController = exports.CodeEditorController = Montage.create(Compone
     editorFont:{
         get: function(){return this._editorFont;},
         set: function(value){//gets a zoom %
+            var codeLineElems = null, i=0;
             this._editorFont = (value/100) * CodeEditorController.originalEditorFont;
             //set the font size
-            document.getElementsByClassName("codeViewContainer")[0].style.fontSize = ""+this._editorFont+"px";
+            codeLineElems = document.getElementsByClassName("CodeMirror-lines");
+            for(i=0;i<codeLineElems.length;i++){
+                codeLineElems[i].style.fontSize = ""+this._editorFont+"px";
+            }
         }
     },
 
@@ -182,6 +186,12 @@ var CodeEditorController = exports.CodeEditorController = Montage.create(Compone
             var range = this.getSelectedRange(this.application.ninja.documentController.activeDocument.editor);
             this.application.ninja.documentController.activeDocument.editor.commentRange(isComment, range.from, range.to);
         }
+    },
+
+    handleThemeSelection:{
+        value: function(theme){
+            this.application.ninja.documentController.activeDocument.editor.setOption("theme", theme);
+        }
     }
 
 });
\ No newline at end of file