DevTools: initial console suggestion should be greyed out

third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css

Index: third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css b/third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css
index 816bc72882c317e64a34378fcb05bd88d8b7041f..b6798f1155f3ed44085551d38fbecf0cea09c79c 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css
@@ -85,11 +85,29 @@
     width: 20px;
 }
 
+.suggest-box {
+    --blurred-selected-background: rgb(56, 121, 217);

[dgozman, 2017/03/11 00:00:24]

Let's do classic way for now.

[lushnikov, 2017/03/11 00:09:59]

Done.

+    --blurred-selected-color: #fff;
+}
+
+.enable-interaction-styling.suggest-box {
+    --blurred-selected-background: whitesmoke;
+    --blurred-selected-color: inherit;
+}
+
 .suggest-box-content-item.selected {
-    background-color: rgb(56, 121, 217);
+    background-color: var(--blurred-selected-background);
 }
 
 .suggest-box-content-item.selected > span {
+    color: var(--blurred-selected-color);
+}
+
+.user-has-interacted .suggest-box-content-item.selected {
+    background-color: rgb(56, 121, 217);
+}
+
+.user-has-interacted .suggest-box-content-item.selected > span {
     color: #FFF;
 }