Update colors

ameenalasady · Jul 6, 2024 · 39a5d9f · 39a5d9f
1 parent bd24b94
commit 39a5d9f
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 11 deletions.
diff --git a/public/darkPic.svg b/public/darkPic.svg
diff --git a/src/App.css b/src/App.css
@@ -51,7 +51,7 @@ html {
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin-bottom: 4.3em;
+  margin-bottom: 3em;
 }
 
 .modiv {
@@ -68,6 +68,7 @@ html {
   display: flex;
   flex-direction: column;
   align-items: center;
+  margin-bottom: 2em;
 }
 
 .moimg {
@@ -89,7 +90,7 @@ html {
 }
 
 .highlighted_word {
-  color: #b8004d;
+  color: #ff9fe1;
 }
 
 .paragraph {
@@ -147,7 +148,7 @@ html {
 
 .getstarted {
   font-size: 2em;
-  color: #b8004d;
+  color: #ff9fe1;
   font-weight: bold;
 }
 
@@ -160,8 +161,8 @@ html {
 .startedarrow {
   width: 50px;
   margin-top: 4px;
-  filter: invert(9%) sepia(91%) saturate(7372%) hue-rotate(329deg)
-    brightness(81%) contrast(101%);
+  filter: brightness(0) saturate(100%) invert(90%) sepia(11%) saturate(5273%)
+    hue-rotate(283deg) brightness(107%) contrast(106%);
 }
 
 .welcometo {
@@ -299,7 +300,7 @@ h2 {
 } */
 
 .footer a {
-  color: #b8004d;
+  color: #ff9fe1;
 }
 
 .footercontainer {

diff --git a/src/components/ThemeProvider.jsx b/src/components/ThemeProvider.jsx
@@ -10,7 +10,7 @@ const theme = createTheme({
   palette: {
     mode: "dark",
     primary: {
-      main: "#b8004d",
+      main: "#FF9FE1",
     },
     background: {
       default: "#000000",

diff --git a/src/components/TrackStatusPopup.jsx b/src/components/TrackStatusPopup.jsx
@@ -24,12 +24,22 @@ const TrackStatusPopup = ({ open, handleClose, reason }) => {
           p: 4,
         }}
       >
-        <Typography id="modal-modal-title" variant="h6" component="h2">
+        <Typography
+          id="modal-modal-title"
+          variant="h6"
+          component="h2"
+          style={{ color: "white" }}
+        >
           {reason ? "Error" : "Success!"}
         </Typography>
-        <Typography id="modal-modal-description" sx={{ mt: 2 }}>
+        <Typography
+          id="modal-modal-description"
+          sx={{ mt: 2 }}
+          style={{ color: "white" }}
+        >
           {reason ? reason : "Your request was made successfully."}
         </Typography>
+
         <Button
           variant="contained"
           color="primary"

diff --git a/src/components/UniverseatyInfo.jsx b/src/components/UniverseatyInfo.jsx
@@ -5,7 +5,7 @@ const UniverseatyInfo = () => {
     <div className="modivcontainer">
       <div className="modiv">
         <div className="moimgcontainer">
-          <img className="moimg" src="template.png" alt="templateimg" />
+          <img className="moimg" src="darkPic.svg" alt="templateimg" />
         </div>
 
         <div className="motext">