use color instead of filter to set hover color for link

Author: mojavelinux

src/css/doc.css

@@ -116,7 +116,7 @@ h1.page + aside.toc.embedded {
 }
 
 .doc a:hover {
-  filter: var(--link_hover-filter);
+  color: var(--link_hover-font-color);
 }
 
 .doc a.bare {
@@ -127,6 +127,10 @@ h1.page + aside.toc.embedded {
   color: var(--link_unresolved-font-color);
 }
 
+.doc a.unresolved:hover {
+  color: var(--link_unresolved-hover-font-color);
+}
+
 .doc i.fa {
   display: inline-block;
   background: no-repeat center / 1em 1em;

src/css/vars.css

@@ -104,8 +104,9 @@
   --link-font-color: #218380; celadon green
   */
   --link-font-color: #2c7fa2;
-  --link_hover-filter: brightness(75%) saturate(150%);
+  --link_hover-font-color: #08658c; /* brightness(75%) saturate(150%) */
   --link_unresolved-font-color: var(--important-color);
+  --link_unresolved-hover-font-color: #ec003a;
   --abstract-background: var(--color-smoke-70);
   --abstract-font-color: var(--color-jet-20);
   --abstract-border-color: var(--panel-border-color);