style : move item border in white mode

2024-04-17 03:02:22 +02:00
parent 93984a9fe6
commit a565e643b9
1 changed files with 10 additions and 3 deletions
--- 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 && (