Line error highlight styling

client/modules/IDE/components/Editor.jsx

@@ -118,6 +118,8 @@ class Editor extends React.Component {
     this._cm.getWrapperElement().style['font-size'] = `${this.props.fontSize}px`;
     this._cm.setOption('indentWithTabs', this.props.isTabIndent);
     this._cm.setOption('tabSize', this.props.indentationAmount);
+
+    this._cm.addLineClass(1, null, 'line-runtime-error');
   }
 
   componentWillUpdate(nextProps) {

client/styles/components/_editor.scss

@@ -27,6 +27,31 @@
 	padding-left: #{5 / $base-font-size}rem;
 }
 
+.CodeMirror-activeline-background {
+  background-color: rgba(0,0,0,0.025) !important;
+}
+
+.CodeMirror-linebackground {
+  
+}
+
+.line-runtime-error {
+  background-color: #ffaaaa !important;
+  border-radius: 5px;
+}
+
+.CodeMirror-guttermarker-subtle {
+  
+}
+
+.CodeMirror-foldgutter-folded {
+  
+}
+
+.CodeMirror-foldgutter-open {
+  
+}
+
 .CodeMirror-gutter-wrapper {
   right: 100%;
   top: 0;