From fdfd19b64f9f15959efdbdd62413ae7e50d20547 Mon Sep 17 00:00:00 2001
From: Damian Stasik <920747+damianstasik@users.noreply.github.com>
Date: Tue, 19 Sep 2023 14:09:52 +0200
Subject: [PATCH] Another batch

---
 src/components/Accordion/Item.tsx        |  5 +++++
 src/components/Button/index.tsx          | 11 ++++++++---
 src/components/HowToContribute/index.tsx |  2 +-
 src/components/SupportersList/index.tsx  |  2 +-
 4 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/Accordion/Item.tsx b/src/components/Accordion/Item.tsx
index 1d84e1d5..d04e7b72 100644
--- a/src/components/Accordion/Item.tsx
+++ b/src/components/Accordion/Item.tsx
@@ -28,6 +28,11 @@ const classNames = [
   "flex-col",
   "flex-wrap",
   "font-normal",
+
+  "prose-a:text-inherit",
+  "hover:prose-a:text-brand-700",
+  "dark:prose-a:text-inherit",
+  "dark:hover:prose-a:text-brand-500",
 ];
 
 const AccordionItem = ({ summary, open, children }: AccordionItemProps) => {
diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
index 2f830f7d..37e62a4b 100644
--- a/src/components/Button/index.tsx
+++ b/src/components/Button/index.tsx
@@ -6,7 +6,12 @@ type ButtonProps = Props & {
   variant: "primary" | "secondary";
 };
 
-export default function Button({ children, variant, className, ...rest }: ButtonProps) {
+export default function Button({
+  children,
+  variant,
+  className,
+  ...rest
+}: ButtonProps) {
   const Tag = "href" in rest ? Link : "button";
   return (
     <Tag
@@ -14,10 +19,10 @@ export default function Button({ children, variant, className, ...rest }: Button
       className={clsx(
         "border font-semibold h-12 px-6 flex items-center hover:no-underline transition-colors",
         variant === "primary" &&
-          "bg-brand-500 text-gray-900 hover:bg-brand-600 border-brand-500 hover:border-brand-600-hover hover:text-gray-900",
+          "bg-brand-500 text-gray-900 hover:bg-brand-600 border-brand-500 hover:border-brand-600 hover:text-gray-900",
         variant === "secondary" &&
           "border-gray-200 dark:border-gray-800 text-gray-900 dark:text-gray-50 bg-transparent hover:border-gray-900 dark:hover:border-gray-50 hover:text-gray-900 dark:hover:text-gray-50 aria-selected:border-gray-900 dark:aria-selected:border-gray-50",
-          className
+        className
       )}
     >
       {children}
diff --git a/src/components/HowToContribute/index.tsx b/src/components/HowToContribute/index.tsx
index 5ab3b647..b9e1f2ba 100644
--- a/src/components/HowToContribute/index.tsx
+++ b/src/components/HowToContribute/index.tsx
@@ -15,7 +15,7 @@ export default function HowToContribute() {
           to contribute. This{" "}
           <Link
             href="https://github.com/opentofu/opentofu/blob/main/CONTRIBUTING.md"
-            className="underline text-gray-900 dark:text-gray-50"
+            className="underline text-gray-900 hover:text-brand-700 dark:text-gray-50 dark:hover:text-brand-500"
           >
             contribution guide
           </Link>{" "}
diff --git a/src/components/SupportersList/index.tsx b/src/components/SupportersList/index.tsx
index 96a71382..e4fb43e6 100644
--- a/src/components/SupportersList/index.tsx
+++ b/src/components/SupportersList/index.tsx
@@ -25,7 +25,7 @@ export default function SupportersList({ list }: SupportersListProps) {
             href={supporter.url}
             target="_blank"
             rel="noopener noreferrer"
-            className="w-1/3 text-inherit font-bold text-gray-900 dark:text-gray-100"
+            className="w-1/3 text-inherit font-bold text-gray-900 hover:text-brand-700 dark:text-gray-100 dark:hover:text-brand-500"
             aria-label={`Go to ${supporter.name} website`}
           >
             {supporter.name}