feat: removing all colors from codebase that do not come from theme

Client/src/Components/Charts/BarChart/index.jsx

@@ -141,7 +141,9 @@ const BarChart = ({ checks = [] }) => {
 							width="9px"
 							height="100%"
 							backgroundColor={
-								check.status ? theme.palette.success.dark : theme.palette.error.dark
+								check.status
+									? theme.palette.success.contrastText
+									: theme.palette.error.dark
 							}
 							sx={{
 								borderRadius: theme.spacing(1.5),

Client/src/Components/Inputs/Radio/index.jsx

@@ -41,7 +41,7 @@ const Radio = (props) => {
 						color: "transparent",
 						width: 16,
 						height: 16,
-						boxShadow: "inset 0 0 0 1px #656a74",
+						boxShadow: `inset 0 0 0 1px ${theme.palette.secondary.main}`,
 						mt: theme.spacing(0.5),
 					}}
 				/>

Client/src/Components/Label/index.css

@@ -1,5 +1,4 @@
 .label {
-	border: 1px solid #000;
 	display: inline-flex;
 	justify-content: center;
 	align-items: center;

Client/src/Components/Label/index.jsx

@@ -31,7 +31,7 @@ const BaseLabel = ({ label, styles, children }) => {
 			className="label"
 			sx={{
 				borderRadius: borderRadius,
-				borderColor: theme.palette.text.tertiary,
+				border: `1px solid ${theme.palette.text.tertiary}`,
 				color: theme.palette.text.tertiary,
 				padding: padding,
 				...styles,
@@ -127,8 +127,8 @@ const StatusLabel = ({ status, text, customStyles }) => {
 	const colors = {
 		up: {
 			dotColor: theme.palette.success.main,
-			bgColor: theme.palette.success.dark,
-			borderColor: theme.palette.success.light,
+			bgColor: theme.palette.success./* dark */ contrastText,
+			borderColor: theme.palette.success.main /* light */,
 		},
 		down: {
 			dotColor: theme.palette.error.contrastText,