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;