X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FBoard.vue;h=5a21771db5075458c97a748a53f3999e0b46edc1;hb=baa6f86f72e3b697ec2fcd34913986b2fa5f02eb;hp=48bdd872c38f2a71f1c7797246f21d7f6a33efec;hpb=10addfff8239405375a1c99b8582f4d4d8283d0a;p=vchess.git diff --git a/client/src/components/Board.vue b/client/src/components/Board.vue index 48bdd872..5a21771d 100644 --- a/client/src/components/Board.vue +++ b/client/src/components/Board.vue @@ -68,11 +68,11 @@ export default { } 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 @@ -899,30 +899,6 @@ img.ghost .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 @@ -939,4 +915,9 @@ img.ghost 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