implemented nicinabox theme

src/react/JSONTree/JSONArrayNode.js

@@ -100,7 +100,7 @@ export default class JSONArrayNode extends React.Component {
     if (this.state.expanded) {
       spanStyle = {
         ...spanStyle,
-        color: this.props.theme.base05
+        color: this.props.theme.base03
       };
     }
     return (

src/react/JSONTree/JSONArrow.js

@@ -28,7 +28,7 @@ export default class JSONArrow extends React.Component {
   render() {
     let style = {
       ...styles.base,
-      borderTopColor: this.props.theme.base0C
+      borderTopColor: this.props.theme.base0D
     };
     if (this.props.open) {
       style = {

src/react/JSONTree/JSONBooleanNode.js

@@ -33,7 +33,7 @@ export default class JSONBooleanNode extends React.Component {
         }}>
           {this.props.keyName}:
         </label>
-        <span style={{ color: this.props.theme.base0F }}>{truthString}</span>
+        <span style={{ color: this.props.theme.base09 }}>{truthString}</span>
       </li>
     );
   }

src/react/JSONTree/JSONNumberNode.js

@@ -32,7 +32,7 @@ export default class JSONNumberNode extends React.Component {
         }}>
           {this.props.keyName}:
         </label>
-        <span style={{ color: this.props.theme.base09 }}>{this.props.value}</span>
+        <span style={{ color: this.props.theme.base0E }}>{this.props.value}</span>
       </li>
     );
   }

src/react/JSONTree/JSONObjectNode.js

@@ -102,7 +102,7 @@ export default class JSONObjectNode extends React.Component {
     if (this.state.expanded) {
       spanStyle = {
         ...spanStyle,
-        color: this.props.theme.base05
+        color: this.props.theme.base03
       };
     }
     return (

src/react/JSONTree/JSONStringNode.js

@@ -32,7 +32,7 @@ export default class JSONStringNode extends React.Component {
         }}>
           {this.props.keyName}:
         </label>
-        <span style={{ color: this.props.theme.base0B }}>{this.props.value}</span>
+        <span style={{ color: this.props.theme.base0B }}>"{this.props.value}"</span>
       </li>
     );
   }

src/react/LogMonitorEntry.js

@@ -51,7 +51,7 @@ export default class LogMonitorEntry {
         paddingLeft: 0,
         paddingRight: 5,
         fontStyle: 'italic',
-        color: this.props.theme.base08
+        color: this.props.theme.base09
       }}>
         ({errorText})
       </span>
@@ -69,7 +69,6 @@ export default class LogMonitorEntry {
     const { index, error, action, state, collapsed } = this.props;
     const styleEntry = {
       opacity: collapsed ? 0.5 : 1,
-      color: colorFromString(this.props.theme, action.type),
       cursor: (index > 0) ? 'pointer' : 'default'
     };
     return (
@@ -82,7 +81,6 @@ export default class LogMonitorEntry {
           style={{...styles.entry, ...styleEntry}}/>
         {!collapsed &&
           <div style={{
-            borderBottom: '1px solid #20262c',
             paddingLeft: 15
           }}>
             {this.printState(state, error)}

src/react/LogMonitorEntryAction.js

@@ -2,12 +2,6 @@ import React from 'react';
 import JSONTree from './JSONTree';
 
 const styles = {
-  wrapper: {
-    borderTopWidth: 1,
-    borderBottomWidth: 1,
-    borderTopStyle: 'solid',
-    borderBottomStyle: 'solid'
-  },
   actionBar: {
     paddingTop: 6,
     paddingBottom: 4,
@@ -36,10 +30,8 @@ export default class LogMonitorAction extends React.Component {
     const { type, ...payload } = this.props.action;
     return (
       <div style={{
-        ...styles.wrapper,
         backgroundColor: this.props.theme.base02,
-        borderTopColor: this.props.theme.base00,
-        borderBottomColor: this.props.theme.base03,
+        color: this.props.theme.base06,
         ...this.props.style
       }} onClick={this.props.onClick}>
         <div style={styles.actionBar}>{type}</div>