Changed hook number visual style to look more like bades

Brian Vaughn · Brian Vaughn · commit 826a5da04a32 · 2021-03-17T10:46:52.000-04:00
diff --git 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;
 }

Original file line number	Diff line number	Diff line change
`@@ -71,7 +71,10 @@`
`71`	`71`	`}`
`72`	`72`
`73`	`73`	`.PrimitiveHookNumber {`
`74`		`- color: var(--color-dimmer);`
	`74`	`+ color: var(--color-component-badge-count-inverted);`
	`75`	`+ background-color: var(--color-component-badge-background-inverted);`
`75`	`76`	`font-size: var(--font-size-monospace-small);`
`76`	`77`	`margin-right: 0.25rem;`
	`78`	`+ border-radius: 0.125rem;`
	`79`	`+ padding: 0.125rem 0.25rem;`
`77`	`80`	`}`