implemented nicinabox theme

This commit is contained in:
dzannotti 2015-08-11 22:14:10 +01:00
parent 65d9e5831b
commit a695bb25a3
8 changed files with 8 additions and 18 deletions

View File

@ -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 (

View File

@ -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 = {

View File

@ -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>
);
}

View File

@ -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>
);
}

View File

@ -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 (

View File

@ -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>
);
}

View File

@ -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)}

View File

@ -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>