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 = () => {
+
+
);
};
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 = ({
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;