From 9e9a4885dc01894b0a0c57308aeab5de897f0166 Mon Sep 17 00:00:00 2001
From: Fascinated <liam@fascinated.cc>
Date: Thu, 27 Jul 2023 03:28:03 +0100
Subject: [PATCH] add slight transparency to buttons when no info background is
 visible

---
 src/app/page.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 990cb4b..2eefcc9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -113,6 +113,12 @@ export default function Home() {
                       rel="noopener noreferrer"
                       className={`flex flex-row items-center justify-center mt-4 px-4 w-60 py-2 rounded
                       ${selectedTheme.buttonTextColor} ${color} hover:brightness-75 transition gap-2`}
+                      style={{
+                        opacity:
+                          infoCard.transparency != 0
+                            ? infoCard.transparency
+                            : 0.8,
+                      }}
                     >
                       {link.icon && <FontAwesomeIcon icon={icons} />}
                       <p>{link.title}</p>
@@ -134,6 +140,12 @@ export default function Home() {
                       target="_blank"
                       rel="noopener noreferrer"
                       className="hover:brightness-75 transition"
+                      style={{
+                        opacity:
+                          infoCard.transparency != 0
+                            ? infoCard.transparency
+                            : 0.8,
+                      }}
                     >
                       {link.icon && (
                         <FontAwesomeIcon