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)
- download "apkeditor" from google play
- lauch it and open lichess
- go to files / assets / www / boards ( or www/ pieces )
https://imgur.com/6mrHuZe
- 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
- save changes from apkeditor and you are done !
https://imgur.com/a7IEBkM
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
- 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;
}
}
-
upload all you pieces and board on imgur.com and just replace alls the url by the ones you want
-
save and use your custom style form stylish
--- 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