Chessboardjs Themes

A set of themes for chessboardjs by Chris Oakman. No images requiered.

Live Version

See the themes in this link.

Why this

In a project I was unable to use images so an alternative was turn image to a data-uri format (via R script, that was the fun part ;)).

Other reson was have more pieces and board themes.

How to use

1. Load chessboard.js and chessboard.css as usual.
2. Load chessboardjs-themes.js.
3. Use them using pieceTheme and boardThemeconfiguration option.

Example Use

var board = ChessBoard('boardiv', {
  pieceTheme: chess24_theme,
  boardTheme: chess24_board_theme ,
  position: 'start'
});

var board2 = ChessBoard('boardiv2', {
  pieceTheme: metro_theme,
  boardTheme: metro_board_theme,
  position: 'r1bqkbnr/pppp1ppp/2n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R'
});

});

Pieces Themes

1. Wikipedia wikipedia_theme.

1. Chess24 chess24_theme. This is from chess24.com site.

1. Alpha alpha_theme.

1. USCF uscf_theme.

1. Symbol symbol_theme.

1. Dilena dilena_theme. This is a Chess Artwork for Pieces by Daniela Di Lena.

1. Leipzig leipzig_theme. Source here.

1. Metro metro_theme. Source here.

News

• 2015-11-26: Adding the boardTheme option (this is nos supported via original chessboardjs, download this version instead).
• 2015-11-25: Adding metro theme (source].