fix: Badge's do not correctly use accent text color

2023-08-04 08:46:05 -04:00
parent 3c25b2b047
commit 80acc16791
1 changed files with 5 additions and 1 deletions
--- a/app/components/Badge.ts
+++ b/app/components/Badge.ts
@@ -7,7 +7,11 @@ const Badge = styled.span<{ yellow?: boolean; primary?: boolean }>`
  background-color: ${({ yellow, primary, theme }) =>
    yellow ? theme.yellow : primary ? theme.accent : "transparent"};
  color: ${({ primary, yellow, theme }) =>
-    primary ? theme.white : yellow ? theme.almostBlack : theme.textTertiary};
+    primary
+      ? theme.accentText
+      : yellow
+      ? theme.almostBlack
+      : theme.textTertiary};
  border: 1px solid
    ${({ primary, yellow, theme }) =>
      primary || yellow