Custom board picture and pieces

Top three videos

Looks good, but it's hard to tell which one's the king and the queen

I made a tutorial on this guys if you are still interested.

Search "how to get custom pieces + custom board on chess.com" on YouTube. My video should pop up.

Thank you. I got the video

Frankie,

Would you mind sharing the code for this one?

Tribute to Sargon II.

Here's what Sargon II looked like years, and years and YEARS ago.

Here's my customsed retro Sargon with Stylus code. Works best with a gray board (trust me, it doesn't work well with an absolute B&W board because a piece's white outline will be invisible on a white square, and a piece's black outline will be lost on a black square).

It's not a 100% faithful reproduction and I struggled to create the pawn pieces. Simply because the pawn has a single pixel height dash (row) at the base of the round head. Which makes it difficult to see on a black square (for black pieces) and difficult to see on a white square (for white pieces). Plus, there should be more contrast between the white pawns and the black pawns. As it is, it can get a bit confusing distinguishing between the black and white pawns.
You are most welcome to improve upon the piece design, especially the pawns!

Here's my Stylus code (feel free to use it):-

/* ==UserStyle==
@name Sargon Chess Pieces chess.com
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("chess.com") {

/*.piece {margin-top:-25px;} */
.piece.wp,
.promotion-piece.wp {
background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_wp/https/351f8c9986.png") !important;
}

.piece.wn,
.promotion-piece.wn {
background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_wn/https/6268a98716.png") !important;
}

.piece.wb,
.promotion-piece.wb {
background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_wb/https/1616c6dd73.png") !important;
}

.piece.wr,
.promotion-piece.wr {

background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_wr/https/ade8a839fa.png") !important;
}

.piece.wq,
.promotion-piece.wq {
background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_wq/https/f9850e19e5.png") !important;
}

.piece.wk,
.promotion-piece.wk {
background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_wk/https/1e4db180d4.png") !important;
}

.piece.bp,
.promotion-piece.bp {
background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_bp3/https/4d22257df1.png") !important;
}

.piece.bn,
.promotion-piece.bn {
background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_bn/https/7c79468ee9.png") !important;
}

.piece.bb,
.promotion-piece.bb {
background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_bb/https/f8ba0c53a4.png") !important;
}

.piece.br,
.promotion-piece.br {
background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_br/https/6acc2b7dd4.png") !important;
}

.piece.bq,
.promotion-piece.bq {
background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_bq/https/88a3ea5170.png") !important;
}

.piece.bk,
.promotion-piece.bk {
background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_bk/https/c4bf3114f1.png") !important;
}
}

Sargon III chess pieces again.

I've tweaked the white and black pawns so that they are more defined and are most distinguisable now.

Board design is chess.com's Marble.

Here's the Stylus source code for IMPROVED white pawn:

.piece.wp,
.promotion-piece.wp {
background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_wp2/https/043ecb625f.png") !important;
}

And here's the code for the IMPROVED black pawn:

.piece.bp,
.promotion-piece.bp {
background-image: url("https://images.chesscomfiles.com/proxy/raw.githubusercontent.com/TornadoGame/Tornado/master/sargon_bp6/https/b52ccbf0aa.png") !important;
}

For the Sargon II purists, I've also created a black-and-white chessboard to be used with the Sargon II pieces.

Here's the Stylus CSS code for the B&W chessboard:-

/* ==UserStyle==
@name Sargon BOARD 6/8/2023, 1:40:05 AM
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain('chess.com'),
url-prefix('https://chess.com') {

#board {
background-image: url(https://raw.githubusercontent.com/TornadoGame/Tornado/master/200_Sargon_Board.png)!important;
}

#board-analysis-board,
.fade-in-overlay {
background-image: url(https://raw.githubusercontent.com/TornadoGame/Tornado/master/200_Sargon_Board.png)!important;
}

#board-single,
.fade-in-overlay {
background-image: url(https://raw.githubusercontent.com/TornadoGame/Tornado/master/200_Sargon_Board.png)!important;
}
}

only pawn chess

Vnkvch

i LOVE the retro look of Sargon Chess pieces