"incheck-light":
showCheck && lightSquare && incheckSq[ci][cj],
"incheck-dark":
- showCheck && !lightSquare && incheckSq[ci][cj]
+ showCheck && !lightSquare && incheckSq[ci][cj],
+ "hover-highlight": this.vr.hoverHighlight(ci, cj)
},
attrs: {
id: getSquareId({ x: ci, y: cj })
// TODO: no predefined highlight colors, but layers. How?
+.hover-highlight:hover
+ // TODO: color dependant on board theme, or inner border...
+ background-color: #C571E6
+
.light-square.lichess.highlight-light
background-color: #cdd26a
.dark-square.lichess.highlight-dark
background-color: #9f9fff
.dark-square.chesstempo.highlight-dark
background-color: #557fff
+
+.light-square.orangecc.highlight-light
+ background-color: #fef273
+.dark-square.orangecc.highlight-dark
+ background-color: #e8c525
</style>