Merge pull request #663 from bluewave-labs/fix/color-font-weights

Updated color and font weights

Client/src/Components/BasicTable/index.css

@@ -10,7 +10,7 @@
 }
 .MuiTable-root .host div:nth-child(2) {
   width: fit-content;
-  font-weight: 700;
+  font-weight: 500;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;

Client/src/Components/Charts/Servers/serverStatus.css

@@ -22,9 +22,10 @@
 
 .server-status-tile-title {
   font-size: var(--font-size-0);
-  font-weight: bold;
+  font-weight: 500;
   margin-bottom: calc(var(--spacing-general-1) / 2);
-  color: var(--env-var-color-1);
+  color: var(--env-var-color-5);
+  opacity: 0.6;
 }
 
 .server-status-tile-value {

Client/src/Components/Sidebar/index.css

@@ -65,6 +65,10 @@ aside
   > .MuiListItemButton-root:last-child::before {
   height: 50%;
 }
+aside .MuiCollapse-wrapperInner .MuiList-root svg {
+  width: 18px;
+  height: 18px;
+}
 
 aside .MuiCollapse-wrapperInner .MuiList-root > .MuiListItemButton-root::after {
   content: "";

Client/src/Components/Sidebar/index.jsx

@@ -183,7 +183,7 @@ function Sidebar() {
                         key={child.path}
                         onClick={() => navigate(`/${child.path}`)}
                         sx={{
-                          gap: theme.gap.medium,
+                          gap: theme.gap.small,
                           borderRadius: `${theme.shape.borderRadius}px`,
                           pl: theme.gap.small,
                         }}

Client/src/Pages/Monitors/index.css

@@ -1,7 +1,7 @@
 .monitors h1.MuiTypography-root,
 .monitors h2.MuiTypography-root {
   color: var(--env-var-color-1);
-  font-weight: 600;
+  font-weight: 500;
 }
 .monitors h1.MuiTypography-root {
   font-size: var(--env-var-font-size-large-plus);

Client/src/Pages/Monitors/index.jsx

@@ -52,7 +52,7 @@ const Host = ({ params }) => {
           "&:focus": {
             outline: "none",
           },
-          mr: "3px",
+          mr: "5px",
         }}
       >
         <OpenInNewPage

Client/src/index.css

@@ -22,7 +22,7 @@
   --env-var-font-familt-1: "Roboto", "Helvetica", "Arial", sans-serif;
 
   --env-var-color-0: #fff;
-  --env-var-color-1: #101828;
+  --env-var-color-1: #1c2130;
   --env-var-color-2: #475467;
   --env-var-color-2-light: #838c99;
   --env-var-color-3: #1570ef;