Fix link hover styles (#1135)

lindsaym-fa · web-flow · commit fb8c06235f0e · 2025-07-03T14:20:51.000-04:00
diff --git a/packages/webawesome/src/styles/native.css b/packages/webawesome/src/styles/native.css
@@ -248,12 +248,15 @@
     text-underline-offset: 0.125em;
   }
 
-  *:is([appearance~='accent'], .wa-accent) a {
-    color: var(--wa-color-brand-on-loud);
+  *:is([appearance~='accent'], .wa-accent) {
+    a,
+    a:hover {
+      color: currentColor;
+    }
   }
 
   a:hover {
-    color: color-mix(in oklab, currentColor, var(--wa-color-mix-hover));
+    color: color-mix(in oklab, var(--wa-color-text-link), var(--wa-color-mix-hover));
     text-decoration: var(--wa-link-decoration-hover);
     -webkit-text-decoration: var(--wa-link-decoration-hover);
   }

Original file line number	Diff line number	Diff line change
`@@ -248,12 +248,15 @@`
`248`	`248`	`text-underline-offset: 0.125em;`
`249`	`249`	`}`
`250`	`250`
`251`		`- *:is([appearance~='accent'], .wa-accent) a {`
`252`		`- color: var(--wa-color-brand-on-loud);`
	`251`	`+ *:is([appearance~='accent'], .wa-accent) {`
	`252`	`+ a,`
	`253`	`+ a:hover {`
	`254`	`+ color: currentColor;`
	`255`	`+ }`
`253`	`256`	`}`
`254`	`257`
`255`	`258`	`a:hover {`
`256`		`- color: color-mix(in oklab, currentColor, var(--wa-color-mix-hover));`
	`259`	`+ color: color-mix(in oklab, var(--wa-color-text-link), var(--wa-color-mix-hover));`
`257`	`260`	`text-decoration: var(--wa-link-decoration-hover);`
`258`	`261`	`-webkit-text-decoration: var(--wa-link-decoration-hover);`
`259`	`262`	`}`