From ddb7f41fd08bbb04f3be5e41e287af5ab2cd781c Mon Sep 17 00:00:00 2001
From: datalore <d4t4.l0r3@protonmail.ch>
Date: Sun, 5 Nov 2023 13:45:55 +0100
Subject: [PATCH] Switched active Bingo items to accent color

---
 src/app/components/bingoitem.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/bingoitem.tsx b/src/app/components/bingoitem.tsx
index ce0349b..e72c404 100644
--- a/src/app/components/bingoitem.tsx
+++ b/src/app/components/bingoitem.tsx
@@ -9,6 +9,6 @@ export default function BingoItem({text}: Props){
 	const [clicked, setClicked] = React.useState(false);
 
 	return(
-		<td><a className={clsx("btn btn-xs sm:btn-sm md:btn-md btn-ghost w-full", {"bg-primary-focus":clicked})} onClick={() => setClicked(!clicked)}>{text}</a></td>
+		<td><a className={clsx("btn btn-xs sm:btn-sm md:btn-md w-full", {"btn-ghost":(!clicked)}, {"btn-accent":clicked})} onClick={() => setClicked(!clicked)}>{text}</a></td>
 	);
 }