mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-11-10 19:56:54 +03:00
implemented nicinabox theme
This commit is contained in:
parent
65d9e5831b
commit
a695bb25a3
|
@ -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 (
|
||||
|
|
|
@ -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 = {
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -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 (
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -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)}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue
Block a user