Cool Meme Chess Pieces
Meme LiChess by olivertzeng
Details
Authorolivertzeng
LicenseNo License
Categorylichess.org
Created
Updated
Size2.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Pics Copied from https://userstyles.world/style/2973/custom-chess-com-overlay
Ported to LiChess with the help of https://userstyles.world/style/12713/lichess-org
Source code
/* ==UserStyle==
@name Meme LiChess
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Lichess styles
@author Oliver Tzeng
==/UserStyle== */
@-moz-document domain("lichess.org"){
:root {
--bcontrast: 100%;
--bbrightness: 100%;
--wsaturate: 85%;
--wbrightness: 115%;
}
/* Black Pieces */
.is2d .black.pawn {
background-image: url("https://i.imgur.com/nQC5dd2.png");
filter: contrast(var(--bcontrast)) brightness(var(--bbrightness));
}
.is2d .black.knight {
background-image: url("https://i.imgur.com/GpfeCkd.png");
filter: contrast(var(--bcontrast)) brightness(var(--bbrightness));
}
.is2d .black.bishop {
background-image: url("https://i.imgur.com/yxa5RgA.png");
filter: contrast(var(--bcontrast)) brightness(var(--bbrightness));
}
.is2d .black.rook {
background-image: url("https://i.imgur.com/JhuiNdp.png");
filter: contrast(var(--bcontrast)) brightness(var(--bbrightness));
}
.is2d .black.queen {
background-image: url("https://i.imgur.com/dUzp1hH.png");
filter: contrast(var(--bcontrast)) brightness(var(--bbrightness));
}
.is2d .black.king {
background-image: url("https://i.imgur.com/4ktruma.png");
filter: contrast(var(--bcontrast)) brightness(var(--bbrightness));
}
/* White Pieces */
.is2d .white.pawn {
background-image: url("https://i.imgur.com/vMpqlNN.png");
filter: saturate(var(--wsaturate)) brightness(var(--wbrightness));
}
.is2d .white.knight {
background-image: url("https://i.imgur.com/q7SbwMU.png");
filter: saturate(var(--wsaturate)) brightness(var(--wbrightness));
}
.is2d .white.bishop {
background-image: url("https://i.imgur.com/6fJo9DO.png");
filter: saturate(var(--wsaturate)) brightness(var(--wbrightness));
}
.is2d .white.rook {
background-image: url("https://i.imgur.com/vOFKtS1.pngg");
filter: saturate(var(--wsaturate)) brightness(var(--wbrightness));
}
.is2d .white.queen {
background-image: url("https://i.imgur.com/2ZesYDC.png");
filter: saturate(var(--wsaturate)) brightness(var(--wbrightness));
}
.is2d .white.king {
background-image: url("https://i.imgur.com/88g4QoX.png");
filter: saturate(var(--wsaturate)) brightness(var(--wbrightness));
}
}