Update login page colors to match refined app palette

This commit is contained in:
Adam Moussa 2026-05-22 18:08:16 -04:00
parent 3e131dbd00
commit b21e5db08a

View file

@ -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>