feat: new boared design

2026-04-26 13:34:55 +02:00
parent dc9a7b2e32
commit 671886781e
69 changed files with 546 additions and 352 deletions
@@ -48,11 +48,37 @@
                  [fen]="facade.state.fen"
                  [selectedSquare]="facade.selectedSquare"
                  [highlightedSquares]="facade.highlightedSquares"
+                  [boardTheme]="boardTheme"
                  (squareSelected)="facade.onBoardSquareSelected($event)"
                />
              </div>

              <section class="top-section">
+                <section class="board-theme-card" aria-label="Board design chooser">
+                  <h3>Board Design</h3>
+                  <div class="board-theme-group" role="radiogroup" aria-label="Board design">
+                    <label class="board-theme-option">
+                      <input
+                        type="radio"
+                        name="boardTheme"
+                        [checked]="boardTheme === 'arabian'"
+                        (change)="setBoardTheme('arabian')"
+                      />
+                      <span>Arabian</span>
+                    </label>
+
+                    <label class="board-theme-option">
+                      <input
+                        type="radio"
+                        name="boardTheme"
+                        [checked]="boardTheme === 'classic'"
+                        (change)="setBoardTheme('classic')"
+                      />
+                      <span>Classic</span>
+                    </label>
+                  </div>
+                </section>
+
                <app-input-card
                  label="Play move (UCI)"
                  placeholder="e2e4"