initialisation on the doormile express console with astryx

src/pages/nearle/login1.js

@@ -22,7 +22,11 @@ import { useTheme } from '@mui/material/styles';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import AnimateButton from 'components/@extended/AnimateButton';
 
-import logo from 'assets/images/logo-nearle1.png';
+import logo from 'assets/images/doormile-logo.png';
+
+// doormile-logo.png is a white asset; recolour it to brand red for this page's light background.
+const DOORMILE_RED_FILTER =
+  'brightness(0) saturate(100%) invert(15%) sepia(93%) saturate(5437%) hue-rotate(346deg) brightness(81%) contrast(92%)';
 
 import axios from 'axios';
 import { useNavigate } from 'react-router-dom';
@@ -228,7 +232,7 @@ const Login = () => {
             // sx={{ ml: 3, mt: 3 }}
             sx={{ ml: { xs: 0, md: 3 }, mt: { xs: 3, md: 1 }, textAlign: { xs: 'center', md: 'left' } }}
           >
-            <img src={logo} alt="legendary" width={isMobile ? '160px' : '200px'} />
+            <img src={logo} alt="Doormile" width={isMobile ? '160px' : '200px'} style={{ height: 'auto', filter: DOORMILE_RED_FILTER }} />
           </Grid>
           <Grid item xs={12}>
             <Grid