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', alignItems: 'center',
justifyContent: 'flex-start', justifyContent: 'flex-start',
pt: '7%', pt: '7%',
bgcolor: '#333', bgcolor: '#1F2933',
}} }}
> >
<Box sx={{ width: '100%', maxWidth: 400, mx: 2 }}> <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 <Box
sx={{ sx={{
height: 100, height: 100,
@ -84,13 +84,13 @@ export default function LoginPage() {
px: 3, px: 3,
}} }}
> >
<Typography sx={{ fontSize: '24px', fontWeight: 600, color: '#003A5D' }}> <Typography sx={{ fontSize: '24px', fontWeight: 600, color: '#0B4F6C' }}>
Sea Haven Industries Sea Haven Industries
</Typography> </Typography>
</Box> </Box>
<Box <Box
sx={{ sx={{
bgcolor: '#003A5D', bgcolor: '#07384D',
height: 40, height: 40,
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
@ -121,7 +121,7 @@ export default function LoginPage() {
startIcon={<AdminPanelSettingsIcon />} startIcon={<AdminPanelSettingsIcon />}
onClick={() => handleDevLogin('SysAdmin')} onClick={() => handleDevLogin('SysAdmin')}
disabled={loading} 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 sx={{ textAlign: 'left', flex: 1 }}>
<Box>SysAdmin</Box> <Box>SysAdmin</Box>
@ -173,7 +173,7 @@ export default function LoginPage() {
fullWidth fullWidth
startIcon={<GoogleIcon />} startIcon={<GoogleIcon />}
href={buildLoginUrl()} href={buildLoginUrl()}
sx={{ py: 1.5, bgcolor: '#003A5D', '&:hover': { bgcolor: '#00527d' } }} sx={{ py: 1.5, bgcolor: '#0B4F6C', '&:hover': { bgcolor: '#07384D' } }}
> >
Sign in with Google Sign in with Google
</Button> </Button>
@ -181,7 +181,7 @@ export default function LoginPage() {
)} )}
</CardContent> </CardContent>
</Card> </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()} Sea Haven Industries &copy; {new Date().getFullYear()}
</Typography> </Typography>
</Box> </Box>