implement dark background for tailwind cssA

MekaiJ · MekaiJ · commit acc916dc5e56 · 2025-11-13T10:40:54.000-08:00
diff --git a/frontend/app/tictactoe/page.tsx b/frontend/app/tictactoe/page.tsx
@@ -331,7 +331,7 @@ export default function TicTacToe() {
                 key={i}
                 onClick={() => handleCellClick(i)}
                 disabled={!canMakeMove || cell !== ""}
-                className={`border-2 border-black w-full h-full flex items-center justify-center text-3xl font-bold ${
+                className={`border-2 border-black dark:border-white w-full h-full flex items-center justify-center text-3xl font-bold ${
                   canMakeMove && cell === "" ? "cursor-pointer hover:bg-gray-100 active:bg-gray-200" : "cursor-not-allowed opacity-60"
                 }`}
               >

Original file line number	Diff line number	Diff line change
`@@ -331,7 +331,7 @@ export default function TicTacToe() {`
`331`	`331`	`key={i}`
`332`	`332`	`onClick={() => handleCellClick(i)}`
`333`	`333`	`disabled={!canMakeMove \|\| cell !== ""}`
`334`		- className={`border-2 border-black w-full h-full flex items-center justify-center text-3xl font-bold ${
	`334`	+ className={`border-2 border-black dark:border-white w-full h-full flex items-center justify-center text-3xl font-bold ${
`335`	`335`	`canMakeMove && cell === "" ? "cursor-pointer hover:bg-gray-100 active:bg-gray-200" : "cursor-not-allowed opacity-60"`
`336`	`336`	}`}
`337`	`337`	`>`