From 3748df9b64a1f09c6776c8a2df04cab340a3f22c Mon Sep 17 00:00:00 2001
From: mohadeseh safari <mohadeseh.safari1992@gmail.com>
Date: Fri, 11 Apr 2025 12:07:39 -0400
Subject: [PATCH] Custom palette for PageSpeed warning box

---
 src/Components/Fallback/index.jsx |  8 ++++----
 src/Utils/Theme/constants.js      | 15 +++++++++++++++
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/Components/Fallback/index.jsx b/src/Components/Fallback/index.jsx
index 0abaedca5..1244f53ec 100644
--- a/src/Components/Fallback/index.jsx
+++ b/src/Components/Fallback/index.jsx
@@ -120,13 +120,13 @@ const Fallback = ({ title, checks, link = "/", isAdmin, vowelStart = false }) =>
 							<Box sx={{ width: "80%", maxWidth: "600px", zIndex: 1 }}>
 								<Box sx={{
 									'& .alert.row-stack': {
-										backgroundColor: theme.palette.warning.main,
-										borderColor: theme.palette.warning.lowContrast,
+										backgroundColor: theme.palette.pageSpeedWarning.main,
+										borderColor: theme.palette.pageSpeedWarning.lowContrast,
 										'& .MuiTypography-root': {
-											color: theme.palette.warning.contrastText
+											color: theme.palette.pageSpeedWarning.contrastText
 										},
 										'& .MuiBox-root > svg': {
-											color: theme.palette.warning.contrastText
+											color: theme.palette.pageSpeedWarning.contrastText
 										}
 									}
 								}}>
diff --git a/src/Utils/Theme/constants.js b/src/Utils/Theme/constants.js
index 4d2b194e8..8c1682e47 100644
--- a/src/Utils/Theme/constants.js
+++ b/src/Utils/Theme/constants.js
@@ -235,6 +235,21 @@ const newSemanticColors = {
 			dark: newColors.orange600,
 		},
 	},
+	/* Custom palette for PageSpeed warning box */
+	pageSpeedWarning: {
+		main: {
+			light: paletteColors.orange50,
+			dark: paletteColors.orange800,
+		},
+		contrastText: {
+			light: paletteColors.orange600,
+			dark: paletteColors.orange100,
+		},
+		lowContrast: {
+			light: paletteColors.orange300,
+			dark: paletteColors.orange400,
+		},
+	},
 	error: {
 		main: {
 			light: newColors.red700,