From b21e5db08a89e8a2f1770f668e56dc4bc509bfc7 Mon Sep 17 00:00:00 2001
From: Adam Moussa <166072409+amoussa1229@users.noreply.github.com>
Date: Fri, 22 May 2026 18:08:16 -0400
Subject: [PATCH] Update login page colors to match refined app palette

---
 web/src/pages/auth/LoginPage.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/src/pages/auth/LoginPage.tsx b/web/src/pages/auth/LoginPage.tsx
index 6aac422..f30817d 100644
--- a/web/src/pages/auth/LoginPage.tsx
+++ b/web/src/pages/auth/LoginPage.tsx
@@ -68,11 +68,11 @@ export default function LoginPage() {
         alignItems: 'center',
         justifyContent: 'flex-start',
         pt: '7%',
-        bgcolor: '#333',
+        bgcolor: '#1F2933',
       }}
     >
       <Box sx={{ width: '100%', maxWidth: 400, mx: 2 }}>
-        <Card sx={{ borderRadius: 0, boxShadow: '0 0 10px rgba(0,0,0,0.3)', border: 'none' }}>
+        <Card sx={{ borderRadius: '8px', boxShadow: '0 0 10px rgba(0,0,0,0.3)', border: 'none' }}>
           <Box
             sx={{
               height: 100,
@@ -84,13 +84,13 @@ export default function LoginPage() {
               px: 3,
             }}
           >
-            <Typography sx={{ fontSize: '24px', fontWeight: 600, color: '#003A5D' }}>
+            <Typography sx={{ fontSize: '24px', fontWeight: 600, color: '#0B4F6C' }}>
               Sea Haven Industries
             </Typography>
           </Box>
           <Box
             sx={{
-              bgcolor: '#003A5D',
+              bgcolor: '#07384D',
               height: 40,
               display: 'flex',
               alignItems: 'center',
@@ -121,7 +121,7 @@ export default function LoginPage() {
                     startIcon={<AdminPanelSettingsIcon />}
                     onClick={() => handleDevLogin('SysAdmin')}
                     disabled={loading}
-                    sx={{ py: 1.5, bgcolor: '#003A5D', '&:hover': { bgcolor: '#00527d' } }}
+                    sx={{ py: 1.5, bgcolor: '#0B4F6C', '&:hover': { bgcolor: '#07384D' } }}
                   >
                     <Box sx={{ textAlign: 'left', flex: 1 }}>
                       <Box>SysAdmin</Box>
@@ -173,7 +173,7 @@ export default function LoginPage() {
                   fullWidth
                   startIcon={<GoogleIcon />}
                   href={buildLoginUrl()}
-                  sx={{ py: 1.5, bgcolor: '#003A5D', '&:hover': { bgcolor: '#00527d' } }}
+                  sx={{ py: 1.5, bgcolor: '#0B4F6C', '&:hover': { bgcolor: '#07384D' } }}
                 >
                   Sign in with Google
                 </Button>
@@ -181,7 +181,7 @@ export default function LoginPage() {
             )}
           </CardContent>
         </Card>
-        <Typography sx={{ textAlign: 'center', color: '#fff', fontSize: '12px', mt: 2, opacity: 0.7 }}>
+        <Typography sx={{ textAlign: 'center', color: 'rgba(255,255,255,0.5)', fontSize: '12px', mt: 2 }}>
           Sea Haven Industries &copy; {new Date().getFullYear()}
         </Typography>
       </Box>