From 7968f561763dc5cb77906c3b4780c5d77a849d06 Mon Sep 17 00:00:00 2001
From: GuillaumeSD <gsd.lfny@gmail.com>
Date: Sat, 9 Mar 2024 00:24:33 +0100
Subject: [PATCH] design : fix UI in light theme

---
 src/sections/analysis/board/evaluationBar.tsx        | 6 ++++--
 src/sections/analysis/reviewPanelBody/accuracies.tsx | 4 ++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/sections/analysis/board/evaluationBar.tsx b/src/sections/analysis/board/evaluationBar.tsx
index 2f4c45e..1df6c60 100644
--- a/src/sections/analysis/board/evaluationBar.tsx
+++ b/src/sections/analysis/board/evaluationBar.tsx
@@ -39,9 +39,11 @@ export default function EvaluationBar({ height }: Props) {
       alignItems="center"
       width="2rem"
       height={height}
+      border={`1px solid black`}
+      borderRadius="5px"
     >
       <Box
-        sx={{ backgroundColor: boardOrientation ? "secondary.main" : "white" }}
+        sx={{ backgroundColor: boardOrientation ? "#424242" : "white" }}
         height={`${
           boardOrientation
             ? 100 - evalBar.whiteBarPercentage
@@ -65,7 +67,7 @@ export default function EvaluationBar({ height }: Props) {
       </Box>
 
       <Box
-        sx={{ backgroundColor: boardOrientation ? "white" : "secondary.main" }}
+        sx={{ backgroundColor: boardOrientation ? "white" : "#424242" }}
         height={`${
           boardOrientation
             ? evalBar.whiteBarPercentage
diff --git a/src/sections/analysis/reviewPanelBody/accuracies.tsx b/src/sections/analysis/reviewPanelBody/accuracies.tsx
index 6b9fd4d..c0cc961 100644
--- a/src/sections/analysis/reviewPanelBody/accuracies.tsx
+++ b/src/sections/analysis/reviewPanelBody/accuracies.tsx
@@ -22,6 +22,8 @@ export default function Accuracies() {
         borderRadius="5px"
         lineHeight={1}
         padding={1}
+        fontWeight="bold"
+        border={`1px solid #424242`}
       >
         {`${gameEval?.accuracy.white.toFixed(1)} %`}
       </Typography>
@@ -34,6 +36,8 @@ export default function Accuracies() {
         borderRadius="5px"
         lineHeight={1}
         padding={1}
+        fontWeight="bold"
+        border={`1px solid #424242`}
       >
         {`${gameEval?.accuracy.black.toFixed(1)} %`}
       </Typography>