I have a custom background set and think it would be nice to have a transparent/translucent board theme so that I can see my background better.
I have a custom background set and think it would be nice to have a transparent/translucent board theme so that I can see my background better.
Download stylish extension for Google chrome.
Download any theme for ichess then edit the content, earse all and copy this :
.metal .is2d cg-board, #top div.color_demo.metal {
background-image: url('data:image/png;base64,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')
}
Then use the metal board from lichess boards preset and you will have a transparent board on dark square and a semi transparent on other squares.
This is the code from Chesscom transparent board btw
Download stylish extension for Google chrome.
Download any theme for ichess then edit the content, earse all and copy this :
.metal .is2d cg-board, #top div.color_demo.metal {
background-image: url('data:image/png;base64,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')
}
Then use the metal board from lichess boards preset and you will have a transparent board on dark square and a semi transparent on other squares.
This is the code from Chesscom transparent board btw