This is a soothing, low-contrast style for Lichess.org intended for high-resolution screens of 4K and/or 24"+. Also looks good on Firefox for Android.
Lichess.org by mrinal
Details
Authormrinal
LicenseGPL-3.0-or-later
Categorylichess.org
Created
Updated
Size3.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
✅INSTRUCTIONS
Select the following from the ✿ icon next to your profile name or Sign In link at the top right corner:
1. Preferences > Background > Picture (ignore the URL)
2. Preferences > Board > 2D, purple (penultimate row, center)
In case these customizations gets reset while logging in or out of Lichess, just ensure that you are using the 2D purple chess board and your background is set to Picture mode.
Don't forget to tweak the brightness, contrast or saturation of the pieces to your liking in the code.
Source code
/* ==UserStyle==
@name Lichess.org 26/10/2023, 7:16:57 pm
@namespace github.com/openstyles/stylus
@version 1.0.1
@description Lichess styles
@author Mrinal
==/UserStyle== */
@-moz-document domain("lichess.org") {
:root {
--bcontrast: 95%;
--bbrightness: 100%;
--wsaturate: 85%;
--wbrightness: 115%;
}
/* Black Pieces */
.is2d .black.pawn {
background-image: url("https://images.chesscomfiles.com/chess-themes/pieces/game_room/300/bp.png");
filter: contrast(var(--bcontrast)) brightness(var(--bbrightness));
}
.is2d .black.knight {
background-image: url("https://images.chesscomfiles.com/chess-themes/pieces/game_room/300/bn.png");
filter: contrast(var(--bcontrast)) brightness(var(--bbrightness));
}
.is2d .black.bishop {
background-image: url("https://images.chesscomfiles.com/chess-themes/pieces/game_room/300/bb.png");
filter: contrast(var(--bcontrast)) brightness(var(--bbrightness));
}
.is2d .black.rook {
background-image: url("https://images.chesscomfiles.com/chess-themes/pieces/game_room/300/br.png");
filter: contrast(var(--bcontrast)) brightness(var(--bbrightness));
}
.is2d .black.queen {
background-image: url("https://images.chesscomfiles.com/chess-themes/pieces/game_room/300/bq.png");
filter: contrast(var(--bcontrast)) brightness(var(--bbrightness));
}
.is2d .black.king {
background-image: url("https://images.chesscomfiles.com/chess-themes/pieces/game_room/300/bk.png");
filter: contrast(var(--bcontrast)) brightness(var(--bbrightness));
}
/* White Pieces */
.is2d .white.pawn {
background-image: url("https://images.chesscomfiles.com/chess-themes/pieces/gothic/300/bp.png");
filter: saturate(var(--wsaturate)) brightness(var(--wbrightness));
}
.is2d .white.knight {
background-image: url("https://images.chesscomfiles.com/chess-themes/pieces/gothic/300/bn.png");
filter: saturate(var(--wsaturate)) brightness(var(--wbrightness));
}
.is2d .white.bishop {
background-image: url("https://images.chesscomfiles.com/chess-themes/pieces/gothic/300/bb.png");
filter: saturate(var(--wsaturate)) brightness(var(--wbrightness));
}
.is2d .white.rook {
background-image: url("https://images.chesscomfiles.com/chess-themes/pieces/gothic/300/br.png");
filter: saturate(var(--wsaturate)) brightness(var(--wbrightness));
}
.is2d .white.queen {
background-image: url("https://images.chesscomfiles.com/chess-themes/pieces/gothic/300/bq.png");
filter: saturate(var(--wsaturate)) brightness(var(--wbrightness));
}
.is2d .white.king {
background-image: url("https://images.chesscomfiles.com/chess-themes/pieces/gothic/300/bk.png");
filter: saturate(var(--wsaturate)) brightness(var(--wbrightness));
}
/* Background (Make Sure to Select Picture mode) */
.transp::before, .is2d::before {
background-image: url("https://images.chesscomfiles.com/chess-themes/backgrounds/originals/large/game_room.png") !important;
}
/* Chess Board (Make Sure to Select Purple Board) */
body[data-board=purple] .is2d cg-board::before {
background-image: url("https://images.chesscomfiles.com/chess-themes/boards/translucent/300.png");
}
body[data-board=purple] .is2d coords {
---cg-ccw: #cacaca;
---cg-ccb: #6a6a6a;
---cg-cs: none
}
}