From 75eca743b4316b36aef3ea48a3989e9d16b0c6bf Mon Sep 17 00:00:00 2001
From: gorkem-bwl <gorkem.cetin@bluewavelabs.ca>
Date: Wed, 4 Mar 2026 16:30:19 -0500
Subject: [PATCH 1/3] fix: use neutral gray background for dark mode

## Changes
- Replace MUI default blue-tinted dark background with neutral grays
  (#151518 for default, #1c1c21 for paper/cards)
- Remove decorative blue/purple SVG blob overlay from dark mode background

## Benefits
- Dark mode now has a clean, neutral gray appearance instead of a blue tint
---
 client/src/Components/layout/AppLayout.tsx | 4 ----
 client/src/Utils/Theme/Palette.ts          | 4 ++++
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/Components/layout/AppLayout.tsx b/client/src/Components/layout/AppLayout.tsx
index baadd85ca..369bd0726 100644
--- a/client/src/Components/layout/AppLayout.tsx
+++ b/client/src/Components/layout/AppLayout.tsx
@@ -47,10 +47,6 @@ const AppLayout = ({ children }: AppLayoutProps) => {
 			sx={{
 				minHeight: "100vh",
 				backgroundColor: theme.palette.background.default,
-				backgroundImage: mode === "dark" ? `url("${BackgroundSVG}")` : "none",
-				backgroundSize: "100% 100%",
-				backgroundPosition: "center",
-				backgroundRepeat: "no-repeat",
 			}}
 		>
 			<OfflineBanner visible={serverUnreachable} />
diff --git a/client/src/Utils/Theme/Palette.ts b/client/src/Utils/Theme/Palette.ts
index d314c8e27..01a9a704b 100644
--- a/client/src/Utils/Theme/Palette.ts
+++ b/client/src/Utils/Theme/Palette.ts
@@ -31,4 +31,8 @@ export const darkPalette = {
 	secondary: {
 		main: colors.gray700,
 	},
+	background: {
+		default: "#151518",
+		paper: "#1c1c21",
+	},
 };

From a1068f1d7ed6648fb89bda756fa7134fd305222e Mon Sep 17 00:00:00 2001
From: gorkem-bwl <gorkem.cetin@bluewavelabs.ca>
Date: Wed, 4 Mar 2026 19:56:54 -0500
Subject: [PATCH 2/3] refactor: move dark background colors to colors object
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Addresses review feedback — define gray900 and gray850 in the colors
object and reference them in the dark palette.
---
 client/src/Utils/Theme/Palette.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/Utils/Theme/Palette.ts b/client/src/Utils/Theme/Palette.ts
index 01a9a704b..9c19f0cbf 100644
--- a/client/src/Utils/Theme/Palette.ts
+++ b/client/src/Utils/Theme/Palette.ts
@@ -12,6 +12,8 @@ export const typographyLevels = {
 export const colors = {
 	gray200: "#EFEFEF",
 	gray700: "#313131",
+	gray900: "#151518",
+	gray850: "#1c1c21",
 	blueBlueWave: "#1570EF",
 };
 
@@ -32,7 +34,7 @@ export const darkPalette = {
 		main: colors.gray700,
 	},
 	background: {
-		default: "#151518",
-		paper: "#1c1c21",
+		default: colors.gray900,
+		paper: colors.gray850,
 	},
 };

From a424092fbd144a4d4450719d810cfcea79aee83d Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Fri, 6 Mar 2026 11:12:52 -0800
Subject: [PATCH 3/3] remove unused imports

---
 client/src/Components/layout/AppLayout.tsx | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/client/src/Components/layout/AppLayout.tsx b/client/src/Components/layout/AppLayout.tsx
index 369bd0726..34822c5ae 100644
--- a/client/src/Components/layout/AppLayout.tsx
+++ b/client/src/Components/layout/AppLayout.tsx
@@ -1,9 +1,6 @@
 import Box from "@mui/material/Box";
 import { useState, useEffect, useRef } from "react";
 import { useTheme } from "@mui/material/styles";
-import { useSelector } from "react-redux";
-import BackgroundSVG from "@/assets/Images/background.svg";
-import type { RootState } from "@/Types/state";
 import { OfflineBanner } from "@/Components/design-elements";
 import { setServerUnreachableCallback, get } from "@/Utils/ApiClient";
 
@@ -13,7 +10,6 @@ interface AppLayoutProps {
 
 const AppLayout = ({ children }: AppLayoutProps) => {
 	const theme = useTheme();
-	const mode = useSelector((state: RootState) => state.ui.mode);
 	const [serverUnreachable, setServerUnreachable] = useState(false);
 	const retryIntervalRef = useRef<number | null>(null);