Improve Counter colors when nested in Button (#1712)

primer · Dec 15, 2022 · 1568f7f · 1568f7f
1 parent be7dbf7
commit 1568f7f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/giant-rings-prove.md b/.changeset/giant-rings-prove.md
@@ -0,0 +1,5 @@
+---
+"@primer/view-components": patch
+---
+
+Improve `Counter` colors when nested in `Button`
diff --git a/app/components/primer/beta/button.pcss b/app/components/primer/beta/button.pcss
@@ -95,6 +95,11 @@ summary.Button {
 .Button-visual {
   display: flex;
   pointer-events: none; /* allow click handler to work, avoiding visuals */
+
+  & .Counter {
+    color: inherit;
+    background-color: var(--color-btn-counter-bg);
+  }
 }
 
 .Button-label {