From 643d090091cf7bf07539ea52d061ec15fc9528f1 Mon Sep 17 00:00:00 2001
From: Charles Bochet <charlesBochet@users.noreply.github.com>
Date: Sun, 25 Jun 2023 19:28:02 -0700
Subject: [PATCH] A few design fixes (#424)

---
 front/src/modules/comments/components/CommentHeader.tsx | 2 +-
 front/src/modules/comments/components/CommentThread.tsx | 2 --
 front/src/modules/ui/layout/navbar/NavItem.tsx          | 4 ++--
 front/src/modules/ui/layout/top-bar/TopBar.tsx          | 2 +-
 4 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/front/src/modules/comments/components/CommentHeader.tsx b/front/src/modules/comments/components/CommentHeader.tsx
index 70f57f44b..c2690390a 100644
--- a/front/src/modules/comments/components/CommentHeader.tsx
+++ b/front/src/modules/comments/components/CommentHeader.tsx
@@ -56,7 +56,7 @@ const StyledTooltip = styled(Tooltip)`
   box-shadow: 2px 4px 16px 6px
     ${(props) => props.theme.lightBackgroundTransparent};
 
-  color: ${(props) => props.theme.text100};
+  color: ${(props) => props.theme.text80};
 
   opacity: 1;
   padding: 8px;
diff --git a/front/src/modules/comments/components/CommentThread.tsx b/front/src/modules/comments/components/CommentThread.tsx
index 1a82cc6fd..328391e9e 100644
--- a/front/src/modules/comments/components/CommentThread.tsx
+++ b/front/src/modules/comments/components/CommentThread.tsx
@@ -42,8 +42,6 @@ const StyledThreadItemListContainer = styled.div`
   gap: ${(props) => props.theme.spacing(4)};
 
   justify-content: flex-start;
-  max-height: 400px;
-  overflow: auto;
 
   width: 100%;
 `;
diff --git a/front/src/modules/ui/layout/navbar/NavItem.tsx b/front/src/modules/ui/layout/navbar/NavItem.tsx
index 2c353db01..21d9ae0d5 100644
--- a/front/src/modules/ui/layout/navbar/NavItem.tsx
+++ b/front/src/modules/ui/layout/navbar/NavItem.tsx
@@ -28,7 +28,7 @@ const StyledItem = styled.button<StyledItemProps>`
   border-radius: 4px;
   color: ${(props) => {
     if (props.active) {
-      return props.theme.text100;
+      return props.theme.text80;
     }
     if (props.danger) {
       return props.theme.red;
@@ -49,7 +49,7 @@ const StyledItem = styled.button<StyledItemProps>`
   pointer-events: ${(props) => (props.soon ? 'none' : 'auto')};
   :hover {
     background: ${(props) => props.theme.lightBackgroundTransparent};
-    color: ${(props) => (props.danger ? props.theme.red : props.theme.text100)};
+    color: ${(props) => (props.danger ? props.theme.red : props.theme.text80)};
   }
   user-select: none;
 
diff --git a/front/src/modules/ui/layout/top-bar/TopBar.tsx b/front/src/modules/ui/layout/top-bar/TopBar.tsx
index 024b0a150..0c19de089 100644
--- a/front/src/modules/ui/layout/top-bar/TopBar.tsx
+++ b/front/src/modules/ui/layout/top-bar/TopBar.tsx
@@ -30,7 +30,7 @@ const AddButtonContainer = styled.div`
   align-items: center;
   border: 1px solid ${(props) => props.theme.primaryBorder};
   border-radius: 4px;
-  color: ${(props) => props.theme.text80};
+  color: ${(props) => props.theme.text40};
   cursor: pointer;
   display: flex;
   flex-shrink: 0;