X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FBoard.vue;h=4305280bcea7a8f9668923e41c4ac244fe2ccb30;hp=5a21771db5075458c97a748a53f3999e0b46edc1;hb=90df90bca1a993930a0e1a07a1b4990dd538c6e2;hpb=7a1d72724ca06099ac87f094e7216d29a05c7a3e

diff --git a/client/src/components/Board.vue b/client/src/components/Board.vue
index 5a21771d..4305280b 100644
--- a/client/src/components/Board.vue
+++ b/client/src/components/Board.vue
@@ -188,7 +188,8 @@ export default {
                   "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 })
@@ -901,6 +902,10 @@ img.ghost
 
 // 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