fix(elements): add some missing inner svg colors in Link

MTES-MCT · May 21, 2024 · f71649a · f71649a
1 parent d8f4cac
commit f71649a
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/elements/Link.tsx b/src/elements/Link.tsx
@@ -7,9 +7,14 @@ export const Link = styled.a<LinkProps>`
   color: ${p => p.theme.color.slateGray};
   text-decoration: underline;
 
+  svg {
+    color: ${p => p.theme.color.slateGray};
+  }
+
   &:hover,
   &._hover {
     color: ${p => p.theme.color.blueYonder};
+
     svg {
       color: ${p => p.theme.color.blueYonder};
     }
@@ -18,13 +23,18 @@ export const Link = styled.a<LinkProps>`
   &:active,
   &._active {
     color: ${p => p.theme.color.blueGray};
+
     svg {
       color: ${p => p.theme.color.blueGray};
     }
   }
 
   &:visited {
     color: ${p => p.theme.color.slateGray};
+
+    svg {
+      color: ${p => p.theme.color.slateGray};
+    }
   }
 `