MrDiderot/Michess
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch theme palette to mint green
All checks were successful
Build & Push Docker Image to Gitea Registry / build-and-push (push) Successful in 2m31s
Details

Browse Source
This commit is contained in:
Kroonk
2026-05-20 17:48:10 +02:00
parent e8c1e3539d
commit ca64163899
6 changed files with 38 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/app/correspondence/[code]/page.tsx
View File

@@ -147,8 +147,8 @@ export default function CorrespondenceGamePage() {
boardWidth={480} boardWidth={480}
position={fen} position={fen}
boardOrientation={boardOrientation} boardOrientation={boardOrientation}
customDarkSquareStyle={{ backgroundColor: "#4b7399" }} customDarkSquareStyle={{ backgroundColor: "#2F8F72" }}
customLightSquareStyle={{ backgroundColor: "#eae9d2" }} customLightSquareStyle={{ backgroundColor: "#DFF8E8" }}
isDraggablePiece={({ piece }) => isDraggablePiece={({ piece }) =>
isPlayer && !game.winner && isPlayer && !game.winner &&
((chess.turn() === "w" && piece.startsWith("w") && isWhite) || ((chess.turn() === "w" && piece.startsWith("w") && isWhite) ||

4
client/src/components/archive/ArchivedGame.tsx
View File

@@ -225,8 +225,8 @@ export default function ArchivedGame({ game }: { game: Game }) {
<div className="h-min"> <div className="h-min">
<Chessboard <Chessboard
boardWidth={boardWidth} boardWidth={boardWidth}
customDarkSquareStyle={{ backgroundColor: "#4b7399" }} customDarkSquareStyle={{ backgroundColor: "#2F8F72" }}
customLightSquareStyle={{ backgroundColor: "#eae9d2" }} customLightSquareStyle={{ backgroundColor: "#DFF8E8" }}
position={navFen || actualGame.fen()} position={navFen || actualGame.fen()}
boardOrientation={flipBoard ? "black" : "white"} boardOrientation={flipBoard ? "black" : "white"}
isDraggablePiece={() => false} isDraggablePiece={() => false}

4
client/src/components/game/GamePage.tsx
View File

@@ -582,8 +582,8 @@ export default function GamePage({ initialLobby }: { initialLobby: Game }) {
<Chessboard <Chessboard
boardWidth={boardWidth} boardWidth={boardWidth}
customDarkSquareStyle={{ backgroundColor: "#4b7399" }} customDarkSquareStyle={{ backgroundColor: "#2F8F72" }}
customLightSquareStyle={{ backgroundColor: "#eae9d2" }} customLightSquareStyle={{ backgroundColor: "#DFF8E8" }}
position={navFen || lobby.actualGame.fen()} position={navFen || lobby.actualGame.fen()}
boardOrientation={lobby.side === "b" ? "black" : "white"} boardOrientation={lobby.side === "b" ? "black" : "white"}
isDraggablePiece={isDraggablePiece} isDraggablePiece={isDraggablePiece}

4
client/src/components/home/LiveGames.tsx
View File

@@ -35,8 +35,8 @@ export default function LiveGames() {
position={game.fen} position={game.fen}
boardWidth={160} boardWidth={160}
arePiecesDraggable={false} arePiecesDraggable={false}
customDarkSquareStyle={{ backgroundColor: "#4b7399" }} customDarkSquareStyle={{ backgroundColor: "#2F8F72" }}
customLightSquareStyle={{ backgroundColor: "#eae9d2" }} customLightSquareStyle={{ backgroundColor: "#DFF8E8" }}
/> />
<div className="px-2 py-1.5 flex flex-col gap-0.5"> <div className="px-2 py-1.5 flex flex-col gap-0.5">
<span className="text-xs font-semibold truncate">{game.black?.name}</span> <span className="text-xs font-semibold truncate">{game.black?.name}</span>

4
client/src/components/home/RecentGames.tsx
View File

@@ -58,8 +58,8 @@ export default function RecentGames({ userId }: { userId: number }) {
position={fen} position={fen}
boardOrientation={myColor} boardOrientation={myColor}
isDraggablePiece={() => false} isDraggablePiece={() => false}
customDarkSquareStyle={{ backgroundColor: "#4b7399" }} customDarkSquareStyle={{ backgroundColor: "#2F8F72" }}
customLightSquareStyle={{ backgroundColor: "#eae9d2" }} customLightSquareStyle={{ backgroundColor: "#DFF8E8" }}
areArrowsAllowed={false} areArrowsAllowed={false}
/> />
</div> </div>

47
client/tailwind.config.js
View File

@@ -11,27 +11,36 @@ module.exports = {
themes: [ themes: [
{ {
michessLight: { michessLight: {
primary: "#047AFF", primary: "#10B981",
secondary: "#818CF8", "primary-content": "#052E24",
accent: "#C148AC", secondary: "#2DD4BF",
neutral: "#9ab3d9", "secondary-content": "#042F2E",
"base-100": "#FFFFFF", accent: "#84CC16",
"base-200": "#F2F7FF", "accent-content": "#1F2A05",
"base-300": "#E3E9F4", neutral: "#5F746B",
"base-content": "#394E6A", "base-100": "#F8FFFB",
info: "#93E7FB", "base-200": "#ECFDF5",
success: "#81CFD1", "base-300": "#D1FAE5",
warning: "#EFD7BB", "base-content": "#12352B",
error: "#E58B8B" info: "#5EEAD4",
success: "#22C55E",
warning: "#FBBF24",
error: "#EF7D7D"
}, },
michessDark: { michessDark: {
primary: "#38BDF8", primary: "#34D399",
secondary: "#818CF8", "primary-content": "#022C22",
accent: "#1d4ed8", secondary: "#2DD4BF",
neutral: "#1E293B", "secondary-content": "#042F2E",
"base-100": "#0F172A", accent: "#A3E635",
info: "#0CA5E9", "accent-content": "#1A2E05",
success: "#2DD4BF", neutral: "#18362C",
"base-100": "#071A14",
"base-200": "#0D261F",
"base-300": "#12352B",
"base-content": "#DFFDF0",
info: "#5EEAD4",
success: "#4ADE80",
warning: "#F4BF50", warning: "#F4BF50",
error: "#FB7085" error: "#FB7085"
} }