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 (