From c80139b00cf18b3f5bdced78a228110c4e5763eb Mon Sep 17 00:00:00 2001
From: phuetz <83292498+phuetz@users.noreply.github.com>
Date: Sat, 5 Jul 2025 19:47:37 +0200
Subject: [PATCH] feat: add new board themes

---
 src/components/BoardThemeSelector.tsx | 2 ++
 src/components/ChessboardDisplay.tsx  | 4 ++++
 src/store/useChessStore.ts            | 8 +++++++-
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/BoardThemeSelector.tsx b/src/components/BoardThemeSelector.tsx
index 3c64f84..c3e43b5 100644
--- a/src/components/BoardThemeSelector.tsx
+++ b/src/components/BoardThemeSelector.tsx
@@ -16,6 +16,8 @@ const BoardThemeSelector: React.FC = () => {
       <option value="blue">Bleu</option>
       <option value="green">Vert</option>
       <option value="wood">Bois</option>
+      <option value="brown">Brun</option>
+      <option value="purple">Violet</option>
     </select>
   );
 };
diff --git a/src/components/ChessboardDisplay.tsx b/src/components/ChessboardDisplay.tsx
index 5e414ba..65c11ab 100644
--- a/src/components/ChessboardDisplay.tsx
+++ b/src/components/ChessboardDisplay.tsx
@@ -111,6 +111,10 @@ const ChessboardDisplay: React.FC<ChessboardDisplayProps> = ({
         return { light: '#e8f5e9', dark: '#4a8f5d' };
       case 'wood':
         return { light: '#f8e2bc', dark: '#b58863' };
+      case 'brown':
+        return { light: '#e6d2b5', dark: '#a67c52' };
+      case 'purple':
+        return { light: '#ede7f6', dark: '#9575cd' };
       default:
         return { light: '#f0d9b5', dark: '#b58863' };
     }
diff --git a/src/store/useChessStore.ts b/src/store/useChessStore.ts
index 0578ef5..1c63cd9 100644
--- a/src/store/useChessStore.ts
+++ b/src/store/useChessStore.ts
@@ -4,7 +4,13 @@ import type { ChessGame } from '../data/masterGames';
 import type { CustomArrow, CustomSquare } from 'react-chessboard/dist/chessboard/types';
 
 export type Theme = 'light' | 'dark' | 'system';
-export type BoardTheme = 'classic' | 'blue' | 'green' | 'wood';
+export type BoardTheme =
+  | 'classic'
+  | 'blue'
+  | 'green'
+  | 'wood'
+  | 'brown'
+  | 'purple';
 
 export interface Notification {
   id: string;