From a565e643b99c0585de0a23c70d98ef2cf630eaee Mon Sep 17 00:00:00 2001
From: GuillaumeSD <gsd.lfny@gmail.com>
Date: Wed, 17 Apr 2024 03:02:22 +0200
Subject: [PATCH] style : move item border in white mode

---
 .../classificationPanel/movesPanel/moveItem.tsx     | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/moveItem.tsx b/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/moveItem.tsx
index 529afd6..c9370b2 100644
--- a/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/moveItem.tsx
+++ b/src/sections/analysis/reviewPanelBody/classificationPanel/movesPanel/moveItem.tsx
@@ -49,11 +49,18 @@ export default function MoveItem({ san, moveClassification, moveIdx }: Props) {
       wrap="nowrap"
       onClick={handleClick}
       paddingY={0.6}
-      sx={{
+      sx={(theme) => ({
         cursor: isCurrentMove ? undefined : "pointer",
-        backgroundColor: isCurrentMove ? "#4f4f4f" : undefined,
+        backgroundColor:
+          isCurrentMove && theme.palette.mode === "dark"
+            ? "#4f4f4f"
+            : undefined,
+        border:
+          isCurrentMove && theme.palette.mode === "light"
+            ? "1px solid #424242"
+            : undefined,
         borderRadius: 1,
-      }}
+      })}
       id={`move-${moveIdx}`}
     >
       {color && (