u

src/components/LoginPage.jsx

@@ -17,6 +17,9 @@ import {
 } from '../auth/googleSignIn';
 
 import quixposLogo from '../assets/quixpos-logo.png';
+import {
+  NAV_SURFACE,
+} from '../colors';
 
 class LoginPage extends PureComponent {
   constructor(props) {
@@ -127,7 +130,7 @@ class LoginPage extends PureComponent {
             <Typography
               variant="h5"
               component="h1"
-              sx={{ fontWeight: 700, color: '#1a3533', letterSpacing: '-0.01em' }}
+              sx={{ fontWeight: 700, color: NAV_SURFACE, letterSpacing: '-0.01em' }}
             >
               QuixPOS
             </Typography>