From b4cc07df285fed64f15dbe4726ed7386e4e8c519 Mon Sep 17 00:00:00 2001
From: Leander Furumo <leander@furumo.eu>
Date: Sun, 22 Jun 2025 00:49:35 +0200
Subject: [PATCH] change button color on hover

---
 src/app/components/LoginButton.tsx  | 2 +-
 src/app/components/LogoutButton.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/components/LoginButton.tsx b/src/app/components/LoginButton.tsx
index 0da40f9..6b4181f 100644
--- a/src/app/components/LoginButton.tsx
+++ b/src/app/components/LoginButton.tsx
@@ -7,7 +7,7 @@ export default function LoginButton({ text }: { text: string }) {
   return (
     <button
       onClick={() => signIn("discord")}
-      className="flex cursor-pointer items-center gap-2 rounded-md bg-[#5865F2] px-4 py-2 text-white"
+      className="flex cursor-pointer items-center gap-2 rounded-md bg-[#5865F2] px-4 py-2 text-white hover:bg-[#4654C0]"
     >
       <FaDiscord />
       {text}
diff --git a/src/app/components/LogoutButton.tsx b/src/app/components/LogoutButton.tsx
index 9ba7408..c334517 100644
--- a/src/app/components/LogoutButton.tsx
+++ b/src/app/components/LogoutButton.tsx
@@ -7,7 +7,7 @@ export default function LogoutButton() {
   return (
     <button
       onClick={() => signOut()}
-      className="cursor-pointer rounded-lg bg-red-500 p-2 text-white"
+      className="cursor-pointer rounded-lg bg-red-500 p-2 text-white hover:bg-white hover:text-red-500"
       aria-label="Logout"
     >
       <CiLogout size={24} />