A few design fixes (#424)

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;

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%;
 `;

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;
 

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;