yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Tom Moor
2023-08-04 08:46:05 -04:00
parent 3c25b2b047
commit 80acc16791
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/Badge.ts
View File

@@ -7,7 +7,11 @@ const Badge = styled.span<{ yellow?: boolean; primary?: boolean }>`
background-color: ${({ yellow, primary, theme }) => background-color: ${({ yellow, primary, theme }) =>
yellow ? theme.yellow : primary ? theme.accent : "transparent"}; yellow ? theme.yellow : primary ? theme.accent : "transparent"};
color: ${({ primary, yellow, theme }) => color: ${({ primary, yellow, theme }) =>
primary ? theme.white : yellow ? theme.almostBlack : theme.textTertiary}; primary
? theme.accentText
: yellow
? theme.almostBlack
: theme.textTertiary};
border: 1px solid border: 1px solid
${({ primary, yellow, theme }) => ${({ primary, yellow, theme }) =>
primary || yellow primary || yellow