Add new objects to the color palettes.

Client/src/Utils/Theme/darkTheme.js

@@ -57,6 +57,12 @@ const darkTheme = createTheme({
       bg: "#1E1E1E",
       border: "#e88c30",
     },
+    percentage: {
+      red: "#d32f2f",
+      orange: "#e88c30",
+      yellow: "#ffd600",
+      green: "#079455",
+    },
     unresolved: { main: "#4e5ba6", light: "#e2eaf7", bg: "#f2f4f7" },
     divider: border.light,
     other: {

Client/src/Utils/Theme/lightTheme.js

@@ -54,6 +54,12 @@ const lightTheme = createTheme({
       bg: "#ffecbc",
       border: "#fec84b",
     },
+    percentage: {
+      red: "#d32f2f",
+      orange: "#ec8013",
+      yellow: "#ffb800",
+      green: "#079455",
+    },
     unresolved: { main: "#4e5ba6", light: "#e2eaf7", bg: "#f2f4f7" },
     divider: border.light,
     other: {