DevTools: format keys in object previews using sans serif.

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

 /*
  * Copyright 2015 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 .object-value-scientific-notation-exponent {
     flex-shrink: 0;
 }
 
 .object-value-scientific-notation-mantissa {
     overflow: hidden;
     text-overflow: ellipsis;
     flex-shrink: 1;
     min-width: 1ex;
 }
 
 .object-value-scientific-notation-number {
     display: flex !important;
 }
 
 .object-value-node:hover {
     background-color: rgba(56, 121, 217, 0.1);
 }
 
 .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 {
     font-style: italic;
 }
 
 .object-value-function.linkified:hover {
     background-color: rgba(0, 0, 0, 0.1);
     cursor: pointer;
 }
@@ skipping 56 matching lines @@
 .-theme-with-dark-background .object-value-number,
 :host-context(.-theme-with-dark-background) .object-value-number,
 .-theme-with-dark-background .object-value-boolean,
 :host-context(.-theme-with-dark-background) .object-value-boolean {
     color: hsl(252, 100%, 75%);
 }
 
 .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;
+}