Theme Customizer

Design custom board themes with live color pickers. Start from a preset and tweak every color, or build from scratch.

Presets

Square Colors

Light Square

Dark Square

Interaction Colors

Selected Square

Last Move Highlight

Move Destination

<Chessboard
  theme={{
    lightSquare: "#f0d9b5",
    darkSquare: "#b58863",
    selectedSquare: "rgba(20, 85, 30, 0.5)",
    lastMoveHighlight: "rgba(155, 199, 0, 0.41)",
    moveDestination: "rgba(20, 85, 30, 0.5)",
  }}
/>