diff --git a/src/react/JSONTree/JSONBooleanNode.js b/src/react/JSONTree/JSONBooleanNode.js
index d119d373..68e42dca 100644
--- a/src/react/JSONTree/JSONBooleanNode.js
+++ b/src/react/JSONTree/JSONBooleanNode.js
@@ -22,8 +22,8 @@ export default class JSONBooleanNode extends React.Component {
const truthString = (this.props.value) ? 'true' : 'false';
let backgroundColor = 'transparent';
if (this.props.previousValue !== this.props.value) {
- const bgColor = hexToRgb(this.props.theme.base08);
- backgroundColor = `rgba(${bgColor.r}, ${bgColor.g}, ${bgColor.b}, 0.06)`;
+ const bgColor = hexToRgb(this.props.theme.base06);
+ backgroundColor = `rgba(${bgColor.r}, ${bgColor.g}, ${bgColor.b}, 0.1)`;
}
return (
diff --git a/src/react/JSONTree/JSONNullNode.js b/src/react/JSONTree/JSONNullNode.js
index a2411873..60f26e78 100644
--- a/src/react/JSONTree/JSONNullNode.js
+++ b/src/react/JSONTree/JSONNullNode.js
@@ -21,8 +21,8 @@ export default class JSONNullNode extends React.Component {
render() {
let backgroundColor = 'transparent';
if (this.props.previousValue !== this.props.value) {
- const bgColor = hexToRgb(this.props.theme.base08);
- backgroundColor = `rgba(${bgColor.r}, ${bgColor.g}, ${bgColor.b}, 0.06)`;
+ const bgColor = hexToRgb(this.props.theme.base06);
+ backgroundColor = `rgba(${bgColor.r}, ${bgColor.g}, ${bgColor.b}, 0.1)`;
}
return (
diff --git a/src/react/JSONTree/JSONNumberNode.js b/src/react/JSONTree/JSONNumberNode.js
index 9f357b4d..6ff3a162 100644
--- a/src/react/JSONTree/JSONNumberNode.js
+++ b/src/react/JSONTree/JSONNumberNode.js
@@ -21,8 +21,8 @@ export default class JSONNumberNode extends React.Component {
render() {
let backgroundColor = 'transparent';
if (this.props.previousValue !== this.props.value) {
- const bgColor = hexToRgb(this.props.theme.base08);
- backgroundColor = `rgba(${bgColor.r}, ${bgColor.g}, ${bgColor.b}, 0.06)`;
+ const bgColor = hexToRgb(this.props.theme.base06);
+ backgroundColor = `rgba(${bgColor.r}, ${bgColor.g}, ${bgColor.b}, 0.1)`;
}
return (
diff --git a/src/react/JSONTree/JSONStringNode.js b/src/react/JSONTree/JSONStringNode.js
index 8c4d5bec..8184d927 100644
--- a/src/react/JSONTree/JSONStringNode.js
+++ b/src/react/JSONTree/JSONStringNode.js
@@ -21,8 +21,8 @@ export default class JSONStringNode extends React.Component {
render() {
let backgroundColor = 'transparent';
if (this.props.previousValue !== this.props.value) {
- const bgColor = hexToRgb(this.props.theme.base08);
- backgroundColor = `rgba(${bgColor.r}, ${bgColor.g}, ${bgColor.b}, 0.06)`;
+ const bgColor = hexToRgb(this.props.theme.base06);
+ backgroundColor = `rgba(${bgColor.r}, ${bgColor.g}, ${bgColor.b}, 0.1)`;
}
return (