From da4fc821c8f97de936f97475c2cf028c7a0d8b53 Mon Sep 17 00:00:00 2001
From: mulan xia <mulanjxia@gmail.com>
Date: Wed, 14 Feb 2024 10:26:51 -0500
Subject: [PATCH] change text color

---
 src/components/Tag.stories.tsx | 5 +++++
 src/components/Tag.tsx         | 1 +
 2 files changed, 6 insertions(+)

diff --git a/src/components/Tag.stories.tsx b/src/components/Tag.stories.tsx
index 8d3e2c3..a399da0 100644
--- 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,
+  },
 };
diff --git a/src/components/Tag.tsx b/src/components/Tag.tsx
index 71d20cf..76a9246 100644
--- 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);
     `}
 `;