lichess.org
Donate

[tuto] customs pieces & board

hi,

as it has been asked often by people, i write a little tutorial to explain how you can change the board and the pieces on lichess.

2 cases : you are playing on your android / on your computer

--- android --- (easy way)
1) download "apkeditor" from google play
2) lauch it and open lichess
3) go to files / assets / www / boards ( or www/ pieces )
https://imgur.com/6mrHuZe
4) click on edit and remplace lets say white bishop ( wb.png ) by the image you want. do that for all pieces and for the board
5) save changes from apkeditor and you are done !

https://imgur.com/a7IEBkM
--- on computer ---

you would have to use 'stylish' website, first of all create an account and dl the firefox plugging

1) then create a new style and copy past this code :

@-moz-document domain("lichess.org")
{
piece.pawn.black { background-image: url("http://i.imgur.com/Cku31nh.png")!important;}
piece.knight.black { background-image: url("http://i.imgur.com/MaQwzso.png")!important;}
piece.bishop.black { background-image: url("http://i.imgur.com/E2GAPP4.png")!important;}
piece.rook.black { background-image: url("http://i.imgur.com/BMFaxYq.png")!important;}
piece.queen.black { background-image: url("http://i.imgur.com/HmPhAyJ.png")!important;}
piece.king.black { background-image: url("http://i.imgur.com/GZu2JHM.png")!important;}

piece.pawn.white { background-image: url("http://i.imgur.com/ulqXnMY.png")!important;}
piece.knight.white { background-image: url("http://i.imgur.com/KyH2EYc.png")!important;}
piece.bishop.white { background-image: url("http://i.imgur.com/OworMfF.png")!important;}
piece.rook.white { background-image: url("http://i.imgur.com/v8EqNtl.png")!important;}
piece.queen.white { background-image: url("http://i.imgur.com/xcT1PcD.png")!important;}
piece.king.white { background-image: url("http://i.imgur.com/aAqKCet.png")!important;}

.cg-square.last-move { background-color:rgba(255, 255, 0, 0.141) !important;}

.blue .is2d .cg-board,
#top div.color_demo.blue2
{
background-image: url("http://i.imgur.com/gnpgeXQ.png") !important;
}

}

2) upload all you pieces and board on imgur.com and just replace alls the url by the ones you want

3) save and use your custom style form stylish

This topic has been archived and can no longer be replied to.