From c827c4404a2548bf24bb6640155c72e6b4850cca Mon Sep 17 00:00:00 2001
From: Caio Cabral <ocaiocabral@gmail.com>
Date: Mon, 23 Dec 2024 07:32:08 -0500
Subject: [PATCH 1/2] ix: group buttons contrast text

---
 Client/src/Utils/Theme/constants.js   | 6 ++++++
 Client/src/Utils/Theme/darkTheme.js   | 4 ++++
 Client/src/Utils/Theme/globalTheme.js | 7 ++++---
 Client/src/Utils/Theme/lightTheme.js  | 4 ++++
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/Client/src/Utils/Theme/constants.js b/Client/src/Utils/Theme/constants.js
index 66e06b1ac..4410ea749 100644
--- a/Client/src/Utils/Theme/constants.js
+++ b/Client/src/Utils/Theme/constants.js
@@ -108,6 +108,12 @@ const semanticColors = {
 			dark: paletteColors.green900,
 		},
 	},
+	neuter: {
+		contrastText: {
+			light: paletteColors.blueGray900,
+			dark: paletteColors.gray100,
+		},
+	},
 	error: {
 		main: {
 			light: paletteColors.red300,
diff --git a/Client/src/Utils/Theme/darkTheme.js b/Client/src/Utils/Theme/darkTheme.js
index 26f4ba340..92642a1c6 100644
--- a/Client/src/Utils/Theme/darkTheme.js
+++ b/Client/src/Utils/Theme/darkTheme.js
@@ -8,6 +8,7 @@ const {
 	success,
 	error,
 	warning,
+	neuter,
 	gradient: {
 		color1: { dark: color1 },
 		color2: { dark: color2 },
@@ -51,6 +52,9 @@ const palette = {
 		contrastText: warning.contrastText.dark,
 		dark: warning.dark.dark,
 	},
+	neuter: {
+		contrastText: neuter.contrastText.dark,
+	},
 	/* From this part on, try to create semantic structure, not feature based structure */
 	percentage: {
 		uptimePoor: error.main.dark,
diff --git a/Client/src/Utils/Theme/globalTheme.js b/Client/src/Utils/Theme/globalTheme.js
index eafe2f859..9d26effb0 100644
--- a/Client/src/Utils/Theme/globalTheme.js
+++ b/Client/src/Utils/Theme/globalTheme.js
@@ -47,7 +47,8 @@ const baseTheme = (palette) => ({
 						{
 							props: (props) => props.variant === "group",
 							style: {
-								color: theme.palette.secondary.contrastText,
+								/* color: theme.palette.secondary.contrastText, */
+								color: theme.palette.neuter.contrastText,
 								backgroundColor: theme.palette.background.main,
 								border: 1,
 								borderStyle: "solid",
@@ -238,8 +239,8 @@ const baseTheme = (palette) => ({
 						},
 					},
 					"& .MuiInputBase-input:-webkit-autofill": {
-						transition: "background-color 5000s ease-in-out 0s", 
-						WebkitBoxShadow: `0 0 0px 1000px ${theme.palette.background.main} inset`, 
+						transition: "background-color 5000s ease-in-out 0s",
+						WebkitBoxShadow: `0 0 0px 1000px ${theme.palette.background.main} inset`,
 						WebkitTextFillColor: theme.palette.text.primary,
 					},
 					"& .MuiInputBase-input.MuiOutlinedInput-input": {
diff --git a/Client/src/Utils/Theme/lightTheme.js b/Client/src/Utils/Theme/lightTheme.js
index a4758f22d..5235c53aa 100644
--- a/Client/src/Utils/Theme/lightTheme.js
+++ b/Client/src/Utils/Theme/lightTheme.js
@@ -13,6 +13,7 @@ const {
 	success,
 	error,
 	warning,
+	neuter,
 	gradient: {
 		color1: { light: color1 },
 		color2: { light: color2 },
@@ -57,6 +58,9 @@ const palette = {
 		contrastText: warning.contrastText.light,
 		dark: warning.dark.light,
 	},
+	neuter: {
+		contrastText: neuter.contrastText.light,
+	},
 	/* From this part on, try to create semantic structure, not feature based structure */
 	percentage: {
 		uptimePoor: error.main.light,

From addd707790eef8abff5a6c2598de90b930b2a4c2 Mon Sep 17 00:00:00 2001
From: Caio Cabral <ocaiocabral@gmail.com>
Date: Mon, 23 Dec 2024 12:44:12 -0500
Subject: [PATCH 2/2] neuter to neutral

---
 Client/src/Utils/Theme/constants.js  | 2 +-
 Client/src/Utils/Theme/darkTheme.js  | 6 +++---
 Client/src/Utils/Theme/lightTheme.js | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/Client/src/Utils/Theme/constants.js b/Client/src/Utils/Theme/constants.js
index 4410ea749..882146b00 100644
--- a/Client/src/Utils/Theme/constants.js
+++ b/Client/src/Utils/Theme/constants.js
@@ -108,7 +108,7 @@ const semanticColors = {
 			dark: paletteColors.green900,
 		},
 	},
-	neuter: {
+	neutral: {
 		contrastText: {
 			light: paletteColors.blueGray900,
 			dark: paletteColors.gray100,
diff --git a/Client/src/Utils/Theme/darkTheme.js b/Client/src/Utils/Theme/darkTheme.js
index 92642a1c6..360d795d6 100644
--- a/Client/src/Utils/Theme/darkTheme.js
+++ b/Client/src/Utils/Theme/darkTheme.js
@@ -8,7 +8,7 @@ const {
 	success,
 	error,
 	warning,
-	neuter,
+	neutral,
 	gradient: {
 		color1: { dark: color1 },
 		color2: { dark: color2 },
@@ -52,8 +52,8 @@ const palette = {
 		contrastText: warning.contrastText.dark,
 		dark: warning.dark.dark,
 	},
-	neuter: {
-		contrastText: neuter.contrastText.dark,
+	neutral: {
+		contrastText: neutral.contrastText.dark,
 	},
 	/* From this part on, try to create semantic structure, not feature based structure */
 	percentage: {
diff --git a/Client/src/Utils/Theme/lightTheme.js b/Client/src/Utils/Theme/lightTheme.js
index 5235c53aa..c232ac007 100644
--- a/Client/src/Utils/Theme/lightTheme.js
+++ b/Client/src/Utils/Theme/lightTheme.js
@@ -13,7 +13,7 @@ const {
 	success,
 	error,
 	warning,
-	neuter,
+	neutral,
 	gradient: {
 		color1: { light: color1 },
 		color2: { light: color2 },
@@ -58,8 +58,8 @@ const palette = {
 		contrastText: warning.contrastText.light,
 		dark: warning.dark.light,
 	},
-	neuter: {
-		contrastText: neuter.contrastText.light,
+	neutral: {
+		contrastText: neutral.contrastText.light,
 	},
 	/* From this part on, try to create semantic structure, not feature based structure */
 	percentage: {