From 826a5da04a32b24125eb6568020983107255a217 Mon Sep 17 00:00:00 2001
From: Brian Vaughn <bvaughn@fb.com>
Date: Wed, 17 Mar 2021 10:46:52 -0400
Subject: [PATCH] Changed hook number visual style to look more like bades

---
 .../devtools/views/Components/InspectedElementHooksTree.css  | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementHooksTree.css b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementHooksTree.css
index b7046e4bccbbb..a708593553856 100644
--- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementHooksTree.css
+++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementHooksTree.css
@@ -71,7 +71,10 @@
 }
 
 .PrimitiveHookNumber {
-  color: var(--color-dimmer);
+  color: var(--color-component-badge-count-inverted);
+  background-color: var(--color-component-badge-background-inverted);
   font-size: var(--font-size-monospace-small);
   margin-right: 0.25rem;
+  border-radius: 0.125rem;
+  padding: 0.125rem 0.25rem;
 }
\ No newline at end of file