change last move color according to annotation

franciscoBSalgueiro · Nov 10, 2023 · 9443e88 · 9443e88
1 parent 51f12c5
commit 9443e88
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/src/components/boards/BoardPlay.tsx b/src/components/boards/BoardPlay.tsx
@@ -35,6 +35,7 @@ import {
   Alert,
   Avatar,
   Box,
+  Global,
   Group,
   Input,
   Stack,
@@ -533,6 +534,20 @@ function AnnotationHint({
       >
         {annotation}
       </Avatar>
+      <Global
+        styles={(theme) => ({
+          "cg-board": {
+            "square.last-move": {
+              background: theme.fn.rgba(
+                theme.colors[color][
+                  theme.colorScheme === "dark" ? 5 : 3
+                ],
+                0.4
+              ),
+            },
+          },
+        })}
+      />
     </Box>
   );
 }