Adjust link styling for various states [Fixes #89] (#129)

* fix: link styling for various states

updates hover/active/focus link states to match design system

* hover underline color to secondary
This commit is contained in:
Paul Wackerow 2022-12-06 01:40:07 +01:00 committed by GitHub
parent 26673626d2
commit 93c255ce39
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -15,13 +15,13 @@ export const Link = {
light: {
textDecoration: 'underline',
color: 'primary',
_hover: { color: 'body', textDecorationColor: 'body' },
_hover: { color: 'body', textDecorationColor: 'secondary' },
_focus: {
color: 'primary',
boxShadow: '0 0 0 1px var(--chakra-colors-primary)',
boxShadow: '0 0 0 1px var(--chakra-colors-primary) !important',
textDecoration: 'none'
},
_pressed: {
_active: {
color: 'secondary',
textDecorationColor: 'secondary'
}