}
const showLight = (
this.settings.highlight &&
- ["all","highlight"].includes(V.ShowMoves)
+ ["all", "highlight"].includes(V.ShowMoves)
);
const showCheck = (
this.settings.highlight &&
- ["all","highlight","byrow"].includes(V.ShowMoves)
+ ["all", "highlight", "byrow"].includes(V.ShowMoves)
);
const orientation = !V.CanFlip ? "w" : this.orientation;
// Ensure that squares colors do not change when board is flipped
// Cancel if off boardContainer
const [offsetX, offsetY] =
this.mobileBrowser
- ?
- [
- e.changedTouches[0].pageX,
- // TODO: fixing attempt for smartphones, removing window.scrollY
- e.changedTouches[0].pageY - window.scrollY
- ]
+ ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY]
: [e.clientX, e.clientY];
if (
offsetX < this.containerPos.left ||
// Obtain the move from start and end squares
const [offsetX, offsetY] =
this.mobileBrowser
- ?
- [
- e.changedTouches[0].pageX,
- e.changedTouches[0].pageY - window.scrollY
- ]
+ ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY]
: [e.clientX, e.clientY];
let landing = document.elementFromPoint(offsetX, offsetY);
// Next condition: classList.contains(piece) fails because of marks
.incheck-dark
background-color: rgba(204, 51, 0, 0.9) !important
-.light-square.lichess
- background-color: #f0d9b5
-.dark-square.lichess
- background-color: #b58863
-
-.light-square.chesscom
- background-color: #e5e5ca
-.dark-square.chesscom
- background-color: #6f8f57
-
-.light-square.chesstempo
- background-color: #dfdfdf
-.dark-square.chesstempo
- background-color: #7287b6
-
-.middle-square.lichess
- background-color: #D3B18C
-
-.middle-square.chesscom
- background-color: #AABA91
-
-.middle-square.chesstempo
- background-color: #A9B3CB
-
// TODO: no predefined highlight colors, but layers. How?
.light-square.lichess.highlight-light
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>