diff --git a/src/pages/LoginPage/Login.tsx b/src/pages/LoginPage/Login.tsx
index 4e3eea3..d135520 100644
--- a/src/pages/LoginPage/Login.tsx
+++ b/src/pages/LoginPage/Login.tsx
@@ -128,11 +128,11 @@ export default () => {
       </Page>
 
       <div onClick={gotoMain}>
-        <Modal trigger={loggedin() === 2} background="#18412aff" color="#ffffffe4" opacity={0.6}>
+        <Modal trigger={loggedin() === 2} background="#123220ff" color="#cdfbe1f0" opacity={0.8}>
           <Padding top={1} bottom={1} left={4} right={4}>
             <Column>
               <Row>
-                <Box curved thickness={3} color="white" padding="1rem">
+                <Box curved thickness={3} color="#cdfbe1f0" padding="1rem">
                   <h2>Login Successful</h2>
                 </Box>
               </Row>
@@ -146,11 +146,11 @@ export default () => {
       </div>
 
       <div onClick={() => setLoggedin(0)}>
-        <Modal trigger={loggedin() === 1} background="#562020ff" color="#ffffffe4" opacity={0.6}>
+        <Modal trigger={loggedin() === 1} background="#562020ff" color="#ffebebe6" opacity={0.8}>
           <Padding top={1} bottom={1} left={4} right={4}>
             <Column>
               <Row>
-                <Box curved thickness={3} color="white" padding="1rem">
+                <Box curved thickness={3} color="#ffebebe6" padding="1rem">
                   <h2>Login Failed</h2>
                 </Box>
               </Row>