- Blind mode tutorial
lichess.org
Donate

A Transparent Board

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.

ok, what is the problem?

ok, what is the problem?

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

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