From 93c255ce39acd4f537ebdaee271e200f7900a197 Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Tue, 6 Dec 2022 01:40:07 +0100
Subject: [PATCH] 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
---
 src/theme/components/Link.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/theme/components/Link.ts b/src/theme/components/Link.ts
index ca8aaf93c1..0c09c4ecc7 100644
--- a/src/theme/components/Link.ts
+++ b/src/theme/components/Link.ts
@@ -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'
       }