From 6d222080ad3acbbf43c0484adef0fc7a99238b18 Mon Sep 17 00:00:00 2001
From: Brian Vaughn <bvaughn@fb.com>
Date: Tue, 9 Apr 2019 18:13:11 -0700
Subject: [PATCH] Format logElementToConsole() slightly

---
 src/backend/renderer.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/backend/renderer.js b/src/backend/renderer.js
index 0607b7c2ad..cccc27779a 100644
--- a/src/backend/renderer.js
+++ b/src/backend/renderer.js
@@ -1570,11 +1570,12 @@ export function attach(
     }
 
     const supportsGroup = typeof console.groupCollapsed === 'function';
-    const label =
-      '[Click to expand] <' + (result.displayName || 'Component') + ' />';
-
     if (supportsGroup) {
-      console.groupCollapsed(label);
+      console.groupCollapsed(
+        `[Click to expand] %c<${result.displayName || 'Component'} />`,
+        // --dom-tag-name-color is the CSS variable Chrome styles HTML elements with in the console.
+        'color: var(--dom-tag-name-color); font-weight: normal;'
+      );
     }
     if (result.props !== null) {
       console.log('Props:', result.props);