fix: UX dark/light fixes. Still blue

This commit is contained in:
Eric Gullickson
2025-12-26 20:28:24 -06:00
parent 09410c3c3f
commit 780949cd62
9 changed files with 155 additions and 75 deletions

View File

@@ -86,7 +86,7 @@ export const VehicleImage: React.FC<VehicleImageProps> = ({
if (vehicle.imageUrl && !imgError && (blobUrl || isLoading)) {
return (
<Box sx={{ height, borderRadius, overflow: 'hidden', mb: 2, bgcolor: isLoading ? 'grey.100' : undefined }}>
<Box sx={{ height, borderRadius, overflow: 'hidden', mb: 2, bgcolor: isLoading ? 'action.hover' : undefined }}>
{blobUrl && (
<img
src={blobUrl}
@@ -105,7 +105,7 @@ export const VehicleImage: React.FC<VehicleImageProps> = ({
<Box sx={{
height,
borderRadius,
bgcolor: 'grey.100',
bgcolor: 'action.hover',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
@@ -126,7 +126,7 @@ export const VehicleImage: React.FC<VehicleImageProps> = ({
<Box
sx={{
height,
bgcolor: vehicle.color || 'grey.100',
bgcolor: vehicle.color || 'action.hover',
borderRadius,
display: 'flex',
alignItems: 'center',