import eclipse theme of CodeMirror

resource/js/components/Admin/CustomCssEditor.js

@@ -10,6 +10,7 @@ require('codemirror/addon/hint/show-hint');
 require('codemirror/addon/edit/matchbrackets');
 require('codemirror/addon/edit/closebrackets');
 require('codemirror/mode/css/css');
+require('codemirror/theme/eclipse.css');
 
 require('jquery-ui/ui/widgets/resizable');
 

resource/js/components/Admin/CustomScriptEditor.js

@@ -10,6 +10,7 @@ require('codemirror/addon/hint/show-hint');
 require('codemirror/addon/edit/matchbrackets');
 require('codemirror/addon/edit/closebrackets');
 require('codemirror/mode/javascript/javascript');
+require('codemirror/theme/eclipse.css');
 
 require('jquery-ui/ui/widgets/resizable');
 

resource/js/components/PageEditor/Editor.js

@@ -9,6 +9,8 @@ require('codemirror/addon/edit/closetag');
 require('codemirror/addon/edit/continuelist');
 require('codemirror/addon/edit/indentlist');
 require('codemirror/mode/gfm/gfm');
+require('codemirror/theme/eclipse.css');
+
 
 export default class Editor extends React.Component {
 
@@ -27,6 +29,7 @@ export default class Editor extends React.Component {
         autoFocus={true}
         options={{
           mode: 'gfm',
+          theme: 'eclipse',
           lineNumbers: true,
           tabSize: 4,
           indentUnit: 4,