Icon links should match the secondary buttons, not the text color

Author: shepmaster

ui/frontend/ButtonSet.module.css

@@ -87,6 +87,10 @@ $radius: 4px;
     color: var(--button-secondary-color-light);
   }
 
+  &:visited {
+    color: var(--button-secondary-color);
+  }
+
   &:hover:enabled {
     background: inherit;
     background-color: var(--button-secondary-border-color);
@@ -118,8 +122,3 @@ $radius: 4px;
   aspect-ratio: 1/1;
   justify-items: center;
 }
-
-a.iconLink svg,
-a.iconLink:visited svg {
-  fill: var(--font-color) !important;
-}

ui/frontend/ButtonSet.tsx

@@ -79,7 +79,7 @@ IconButton.displayName = 'IconButton';
 
 export const IconLink = React.forwardRef<HTMLAnchorElement, LinkProps>(
   ({ children, ...props }, ref) => (
-    <Link ref={ref} className={`${styles.icon} ${styles.iconLink}`} {...props}>
+    <Link ref={ref} className={styles.icon} {...props}>
       {children}
     </Link>
   ),