From e28a543d4fd7575ebc50dc17d2a3ecb37b7d5ccd Mon Sep 17 00:00:00 2001 From: dzannotti Date: Fri, 7 Aug 2015 17:44:54 +0100 Subject: [PATCH] added monokai theme --- src/react/DebugPanel.js | 2 +- src/react/LogMonitor.js | 4 ++-- src/react/themes/index.js | 7 ++----- src/react/themes/monokai.js | 20 ++++++++++++++++++++ 4 files changed, 25 insertions(+), 8 deletions(-) create mode 100644 src/react/themes/monokai.js diff --git a/src/react/DebugPanel.js b/src/react/DebugPanel.js index 44f629ac..f8209fe6 100644 --- a/src/react/DebugPanel.js +++ b/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, diff --git a/src/react/LogMonitor.js b/src/react/LogMonitor.js index 4c6d512b..555d02ac 100644 --- a/src/react/LogMonitor.js +++ b/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) { diff --git a/src/react/themes/index.js b/src/react/themes/index.js index c0b1124d..c8d51ad4 100644 --- a/src/react/themes/index.js +++ b/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"; diff --git a/src/react/themes/monokai.js b/src/react/themes/monokai.js new file mode 100644 index 00000000..3350e5a6 --- /dev/null +++ b/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" +};