diff --git a/src/containers/FindBar.css b/src/containers/FindBar.css
index 6c385080..e19a35da 100644
--- a/src/containers/FindBar.css
+++ b/src/containers/FindBar.css
@@ -1,8 +1,8 @@
:root {
- --foregroundColor: #222;
+ --foregroundColor: #555;
--backgroundColor: rgba(245, 245, 245, 0.98);
--textFieldBorderColor: #e7e7e7;
- --highlightFGColor: #000;
+ --highlightFGColor: #444;
--highlightBGColor: #d2dee4;
}
@@ -73,11 +73,16 @@
.command {
padding: 6px;
cursor: default;
+ color: var(--foregroundColor);
+}
+
+.command strong, .highlightedCommand strong {
+ color: #000;
}
.command .faded {
font-weight: 300;
- color: #555;
+ color: #888;
}
.highlightedCommand {
diff --git a/src/containers/FindBar.js b/src/containers/FindBar.js
index b6c52c67..829e9d5f 100644
--- a/src/containers/FindBar.js
+++ b/src/containers/FindBar.js
@@ -296,7 +296,7 @@ class FindBar extends Component {
Search... :
Search for:
}
- {this.state.value}
+ {this.state.value}
);
}
return (