fix(styles): update the link color to be set correctly for light/dark…

… modes (#465)
dequelabs · Dec 15, 2021 · 272c950 · 272c950
1 parent 43fb695
commit 272c950
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/packages/styles/link.css b/packages/styles/link.css
@@ -1,10 +1,16 @@
 :root {
-  --link-text-color: var(--accent-primary);
+  --link-text-color: var(--gray-90);
+  --link-text-color-hover: var(--accent-primary);
   --link-text-color-light: rgba(60, 122, 174, 0.1);
 }
 
+.cauldron--theme-dark {
+  --link-text-color: var(--white);
+  --link-text-color-hover: var(--accent-light);
+}
+
 .Link {
-  text-decoration: none;
+  text-decoration: underline;
   color: var(--link-text-color);
   font-weight: var(--font-weight-medium);
   display: inline-block;
@@ -30,11 +36,3 @@ p .Link {
   color: var(--gray-90);
   font-weight: var(--font-weight-normal);
 }
-
-.cauldron--theme-dark .Link {
-  --link-text-color: var(--accent-light);
-}
-
-.cauldron--theme-dark .Link:hover {
-  --link-text-color: var(--white);
-}