DevTools: format keys in object previews using sans serif.

third_party/WebKit/Source/devtools/front_end/object_ui/objectValue.css

Index: third_party/WebKit/Source/devtools/front_end/object_ui/objectValue.css
diff --git a/third_party/WebKit/Source/devtools/front_end/object_ui/objectValue.css b/third_party/WebKit/Source/devtools/front_end/object_ui/objectValue.css
index f1c6b53f7d3e76e0ed8f98830b22988162693a7d..5cfb02646a297b4f355723e4a46c74994778cde6 100644
--- a/third_party/WebKit/Source/devtools/front_end/object_ui/objectValue.css
+++ b/third_party/WebKit/Source/devtools/front_end/object_ui/objectValue.css
@@ -25,7 +25,7 @@
 
 .object-value-function-prefix,
 .object-value-boolean {

[dgozman, 2017/05/13 01:43:25]

This makes "true" differ in color in console prompt and evaluation result. Not
sure that's good.

-    color: rgb(170, 13, 145);
+    color: rgb(13, 34, 170);
 }
 
 .object-value-function {
@@ -102,3 +102,16 @@
 .object-properties-section .object-description {
     color: gray;
 }
+
+.object-properties-preview {
+    white-space: nowrap;
+}
+
+.name {
+    color: rgb(136, 19, 145);
+    flex-shrink: 0;
+}
+
+.object-properties-preview .name {
+    color: #565656;
+}