Swapping sente/gote symbols for dark themes.

schadfield

edited  

#1

With the help of Grok I came up with a Stylus extension style to swap the sente/gote icons so I don't get all confused when using a dark theme:

/* Swap Sente ↔ Gote symbols */

/* Regular game move list */
.moves .sente::before,
.move-list .sente::before,
.pgn .sente::before {
content: '☖' !important;
}

.moves .gote::before,
.move-list .gote::before,
.pgn .gote::before {
content: '☗' !important;
}

/* Analysis view move list */
.analyse .color-icon.sente::before,
.analysis .color-icon.sente::before,
.study .color-icon.sente::before,
.moves .color-icon.sente::before {
content: '☖' !important;
}

.analyse .color-icon.gote::before,
.analysis .color-icon.gote::before,
.study .color-icon.gote::before,
.moves .color-icon.gote::before {
content: '☗' !important;
}

/* Player names box */
.player.color-icon.is.sente::before,
.player.color-icon.is.gote::before {
content: '☖' !important;
}

.player.color-icon.is.gote::before {
content: '☗' !important;
}

/* Symbol sizing */
.sente::before,
.gote::before {
font-size: 1.18em !important;
vertical-align: middle !important;
}