💄(frontend) improve contrast of Beta icon
The colors of the Beta icon were not contrasted enough. This was posing an accessibility issue. We now use a more contrasted color.
This commit is contained in:
@@ -8,7 +8,6 @@ export const Title = () => {
|
|||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const theme = useCunninghamTheme();
|
const theme = useCunninghamTheme();
|
||||||
const spacings = theme.spacingsTokens();
|
const spacings = theme.spacingsTokens();
|
||||||
const colors = theme.colorsTokens();
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Box $direction="row" $align="center" $gap={spacings['2xs']}>
|
<Box $direction="row" $align="center" $gap={spacings['2xs']}>
|
||||||
@@ -36,7 +35,8 @@ export const Title = () => {
|
|||||||
`}
|
`}
|
||||||
$width="40px"
|
$width="40px"
|
||||||
$height="16px"
|
$height="16px"
|
||||||
$background={colors['primary-200']}
|
$background="#ECECFF"
|
||||||
|
$color="#5958D3"
|
||||||
>
|
>
|
||||||
BETA
|
BETA
|
||||||
</Text>
|
</Text>
|
||||||
|
|||||||
Reference in New Issue
Block a user