added monokai theme

src/react/DebugPanel.js

@@ -14,7 +14,7 @@ export function getDefaultStyle(props) {
     zIndex: 999,
     fontSize: 17,
     overflow: 'hidden',
-    opacity: 0.92,
+    opacity: 0.95,
     color: 'white',
     left: left ? 0 : undefined,
     right: right ? 0 : undefined,

src/react/LogMonitor.js

@@ -1,7 +1,7 @@
 import React, { PropTypes, findDOMNode } from 'react';
 import LogMonitorEntry from './LogMonitorEntry';
 import LogMonitorButton from './LogMonitorButton';
-import themes from "./themes";
+import * as themes from "./themes";
 
 const styles = {
   container: {
@@ -43,7 +43,7 @@ export default class LogMonitor {
   static defaultProps = {
     select: (state) => state,
     monitorState: { isVisible: true },
-    theme: 'ocean'
+    theme: 'monokai'
   };
 
   componentWillReceiveProps(nextProps) {

src/react/themes/index.js

@@ -1,5 +1,2 @@
-import ocean from "./ocean";
-
-export default {
-    ocean,
-};
+export { default as ocean } from "./ocean";
+export { default as monokai } from "./monokai";

src/react/themes/monokai.js

@@ -0,0 +1,20 @@
+export default {
+  scheme: "Monokai",
+  author: "Wimer Hazenberg (http://www.monokai.nl)",
+  base00: "#272822",
+  base01: "#383830",
+  base02: "#49483e",
+  base03: "#75715e",
+  base04: "#a59f85",
+  base05: "#f8f8f2",
+  base06: "#f5f4f1",
+  base07: "#f9f8f5",
+  base08: "#f92672",
+  base09: "#fd971f",
+  base0A: "#f4bf75",
+  base0B: "#a6e22e",
+  base0C: "#a1efe4",
+  base0D: "#66d9ef",
+  base0E: "#ae81ff",
+  base0F: "#cc6633"
+};