implement functional color variables for StateLabel

primer · Mar 2, 2021 · 4e19045 · 4e19045
1 parent f2c5779
commit 4e19045
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/wild-bags-add.md b/.changeset/wild-bags-add.md
@@ -0,0 +1,5 @@
+---
+'@primer/components': patch
+---
+
+Use functional color variables in StateLabel
diff --git a/src/StateLabel.tsx b/src/StateLabel.tsx
@@ -38,7 +38,7 @@ const StateLabelBase = styled.span<StyledStateLabelBaseProps>`
   align-items: center;
   font-weight: 600;
   line-height: 16px;
-  color: ${get('colors.white')};
+  color: ${get('colors.bg.primary')};
   text-align: center;
   border-radius: ${get('radii.3')};
   ${colorVariants};