From 9ebb7b9e9501b8d274aadeb96bd6f665ae79079c Mon Sep 17 00:00:00 2001
From: Joseph Kifle <kifle.joe@gmail.com>
Date: Tue, 24 Mar 2026 22:25:40 -0400
Subject: [PATCH 1/3] feat: header + font changed by role type

---
 src/components/layout/Header/index.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/Header/index.tsx b/src/components/layout/Header/index.tsx
index 5430599..c33b80d 100644
--- a/src/components/layout/Header/index.tsx
+++ b/src/components/layout/Header/index.tsx
@@ -16,7 +16,9 @@ export default function Header(): React.ReactElement {
   const { data: session, status } = useSession();
   const role = session?.user?.role;
   const canCreate = role === "admin" || role === "manager";
-
+  const headerColor = {admin: "#36385C", manager: "#9A9866"}
+  const fontColor = {admin: "#ffffff", manager: "#22305B"}
+  const appBarSx = role && role in headerColor ? { backgroundColor: headerColor[role as keyof typeof headerColor]} : { backgroundColor: "#fff" };
   return (
     <Box
       sx={{
@@ -26,7 +28,7 @@ export default function Header(): React.ReactElement {
         zIndex: 10,
       }}
     >
-      <AppBar position="static" color="default">
+      <AppBar position="static" sx={appBarSx}>
         <Toolbar
           sx={{
             width: "100%",
@@ -74,9 +76,9 @@ export default function Header(): React.ReactElement {
                   display: { xs: "none", md: "flex" },
                   fontSize: ".9rem",
                   fontWeight: 700,
-                  color: "#22305B",
                   textDecoration: "none",
                   flexGrow: 1,
+                  color: fontColor[role as keyof typeof fontColor] || "#22305B"
                 }}
               >
                 THRIVE

From dbc17fccf92389cb0f4098a5b2484c73e1661a91 Mon Sep 17 00:00:00 2001
From: Joseph Kifle <kifle.joe@gmail.com>
Date: Tue, 24 Mar 2026 22:36:28 -0400
Subject: [PATCH 2/3] tweak: lint formatting

---
 src/components/layout/Header/index.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/layout/Header/index.tsx b/src/components/layout/Header/index.tsx
index c33b80d..0e09d86 100644
--- a/src/components/layout/Header/index.tsx
+++ b/src/components/layout/Header/index.tsx
@@ -16,9 +16,13 @@ export default function Header(): React.ReactElement {
   const { data: session, status } = useSession();
   const role = session?.user?.role;
   const canCreate = role === "admin" || role === "manager";
-  const headerColor = {admin: "#36385C", manager: "#9A9866"}
-  const fontColor = {admin: "#ffffff", manager: "#22305B"}
-  const appBarSx = role && role in headerColor ? { backgroundColor: headerColor[role as keyof typeof headerColor]} : { backgroundColor: "#fff" };
+  const headerColor = { admin: "#36385C", manager: "#9A9866" };
+  const fontColor = { admin: "#ffffff", manager: "#22305B" };
+  const appBarSx =
+    role && role in headerColor
+      ? { backgroundColor: headerColor[role as keyof typeof headerColor] }
+      : { backgroundColor: "#fff" };
+
   return (
     <Box
       sx={{
@@ -78,7 +82,7 @@ export default function Header(): React.ReactElement {
                   fontWeight: 700,
                   textDecoration: "none",
                   flexGrow: 1,
-                  color: fontColor[role as keyof typeof fontColor] || "#22305B"
+                  color: fontColor[role as keyof typeof fontColor] || "#22305B",
                 }}
               >
                 THRIVE

From 406f24a5ce3d046f91d7337aca2f464cc4389153 Mon Sep 17 00:00:00 2001
From: Agustin Salas-Vaca <agustin1salasvaca@gmail.com>
Date: Tue, 31 Mar 2026 16:32:55 -0400
Subject: [PATCH 3/3] tweak: admin/manager colors tweaked

---
 src/components/layout/Header/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/Header/index.tsx b/src/components/layout/Header/index.tsx
index 0e09d86..6f61c10 100644
--- a/src/components/layout/Header/index.tsx
+++ b/src/components/layout/Header/index.tsx
@@ -16,8 +16,8 @@ export default function Header(): React.ReactElement {
   const { data: session, status } = useSession();
   const role = session?.user?.role;
   const canCreate = role === "admin" || role === "manager";
-  const headerColor = { admin: "#36385C", manager: "#9A9866" };
-  const fontColor = { admin: "#ffffff", manager: "#22305B" };
+  const headerColor = { admin: "secondary.main", manager: "#466d50" };
+  const fontColor = { admin: "#ffffff", manager: "secondary.main" };
   const appBarSx =
     role && role in headerColor
       ? { backgroundColor: headerColor[role as keyof typeof headerColor] }