change text color

2024-02-14 10:29:52 -05:00
2 changed files with 6 additions and 0 deletions
--- a/src/components/Tag.stories.tsx
+++ b/src/components/Tag.stories.tsx
@ -33,4 +33,9 @@ TagStory.argTypes = {
    control: { type: 'select' },
    defaultValue: undefined,
  },
+  isHighlighted: {
+    options: [true, false],
+    control: { type: 'select' },
+    defaultValue: false,
+  },
 };
--- a/src/components/Tag.tsx
+++ b/src/components/Tag.tsx
@ -76,5 +76,6 @@ export const Tag = styled.span<StyleProps>`
    isHighlighted &&
    css`
      background-color: var(--color-accent);
+      color: var(--color-text-button);
    `}
 `;