feat: ahhhhhhhhhh

packages/website-ue/src/components/Link/index.css

@@ -11,4 +11,13 @@
   &[data-underline="hover"]:focus {
     text-decoration: underline;
   }
+
+  &[data-high-contrast="true"] {
+    color: var(--accent-12);
+  }
+
+  svg {
+    width: 1.25em;
+    height: 1.25em;
+  }
 }

packages/website-ue/src/components/Link/index.tsx

@@ -4,14 +4,21 @@ import "./index.css";
 
 export interface LinkProps extends ComponentProps<"a"> {
   underline?: "always" | "hover" | "never";
+  highContrast?: boolean;
 }
 
-export function Link({ className, underline = "always", ...props }: LinkProps) {
+export function Link({
+  highContrast,
+  className,
+  underline = "always",
+  ...props
+}: LinkProps) {
   return (
     <a
       className={classNames("link", className)}
       {...props}
       data-underline={underline}
+      data-high-contrast={highContrast}
     />
   );
 }