implement functional color variables for ButtonTableList

primer · Mar 3, 2021 · 1fb750a · 1fb750a
1 parent 67cc5b2
commit 1fb750a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/sharp-elephants-grab.md b/.changeset/sharp-elephants-grab.md
@@ -0,0 +1,5 @@
+---
+'@primer/components': patch
+---
+
+Use functional color variables in ButtonTableList
diff --git a/src/Button/ButtonTableList.tsx b/src/Button/ButtonTableList.tsx
@@ -17,7 +17,7 @@ const ButtonTableList = styled.summary<StyledButtonTableListProps>`
   display: inline-block;
   padding: 0;
   font-size: ${get('fontSizes.1')};
-  color: ${get('colors.gray.6')};
+  color: ${get('colors.text.secondary')};
   text-decoration: none;
   white-space: nowrap;
   cursor: pointer;
@@ -33,7 +33,7 @@ const ButtonTableList = styled.summary<StyledButtonTableListProps>`
   &:disabled {
     &,
     &:hover {
-      color: rgba(${get('colors.gray.6')}, 0.5);
+      color: rgba(${get('colors.text.secondary')}, 0.5);
       cursor: default;
     }
   }