Updated chip colors

Client/src/Components/BasicTable/index.css

@@ -18,9 +18,10 @@
 }
 
 .MuiTable-root .label {
-  border-color: var(--env-var-color-4);
+  line-height: 1;
   border-radius: var(--env-var-radius-2);
-  padding: calc(var(--env-var-spacing-1) / 2);
+  padding: 7px;
+  font-size: var(--env-var-font-size-small-plus);
 }
 
 .MuiTable-root .host-name {
@@ -123,6 +124,6 @@
 .MuiPaper-root + .MuiPagination-root .MuiPaginationItem-root.Mui-selected {
   background-color: var(--env-var-color-15);
 }
-.MuiPaper-root + .MuiPagination-root div.MuiPaginationItem-root{
+.MuiPaper-root + .MuiPagination-root div.MuiPaginationItem-root {
   user-select: none;
 }

Client/src/Components/Label/index.jsx

@@ -134,6 +134,7 @@ const StatusLabel = ({ status, text, customStyles }) => {
     <BaseLabel
       label={text}
       styles={{
+        color: dotColor,
         backgroundColor: bgColor,
         borderColor: borderColor,
         ...customStyles,

Client/src/Pages/PageSpeed/index.css

@@ -1,7 +1,6 @@
 .page-speed h1.MuiTypography-root,
 .page-speed span.MuiTypography-root,
-.page-speed p.MuiTypography-root,
-.page-speed .label {
+.page-speed p.MuiTypography-root {
   color: var(--env-var-color-5);
 }
 .page-speed h2.MuiTypography-root {
@@ -26,8 +25,7 @@
   background-color: var(--env-var-color-8);
 }
 .page-speed .label {
-  padding: 0 5px;
+  padding: 7px;
   height: 22px;
   font-size: var(--env-var-font-size-small);
-  border-color: var(--env-var-color-29);
 }

Client/src/Utils/Theme.js

@@ -121,19 +121,19 @@ const theme = createTheme({
   //add more as needed
   label: {
     up: {
-      borderColor: sectionBorder,
+      borderColor: "#D4F4E1",
       bgColor: "#ecfdf3",
       dotColor: "#17B26A",
     },
     down: {
-      borderColor: sectionBorder,
+      borderColor: "#fbd1d1",
       bgColor: "#f9eced",
-      dotColor: labelRed,
+      dotColor: "#f04438",
     },
     "cannot resolve": {
-      borderColor: sectionBorder,
+      borderColor: "#e2eaf7",
       bgColor: "#f2f4f7",
-      dotColor: labelGray,
+      dotColor: "#4e5ba6",
     },
   },
 });