I had changes some of the properties to make attractive

YadavAkhileshh · Oct 7, 2024 · 00671c8 · 00671c8
1 parent f2ebb1c
commit 00671c8
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 20 deletions.
diff --git a/Alien.css b/Alien.css
@@ -5,9 +5,9 @@ body {
   justify-content: center;
   align-items: center;
   height: 100vh;
-  background: linear-gradient(135deg, #151837, #000000);
+  background: linear-gradient(135deg, #1b1e48, #000000);
   font-family: "Arial", sans-serif;
-  color: rgb(0, 170, 255);
+  color: rgb(5, 160, 238);
   overflow: hidden;
 }
 
@@ -29,20 +29,20 @@ body {
 
 #gameCanvas {
   border: 2px solid rgb(255, 255, 255);
-  box-shadow: 0 4px 10px rgba(218, 211, 11, 0.5);
+  box-shadow: 0 4px 10px rgba(201, 164, 2, 0.5);
   max-width: 100vw;
   max-height: 100vh;
   z-index: -1;
   background-color: transparent;
-  backdrop-filter: blur(10px);
+  backdrop-filter: blur(8px);
 }
 
 #gameInfo {
   position: absolute;
   top: 80px;
   left: 0px;
   font-size: 18px;
-  background-color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(20, 19, 19, 0.7);
   padding: 5px 10px;
   border-radius: 5px;
   background-color: var(--background-color);
@@ -64,11 +64,11 @@ body {
 }
 
 button{
-  border-radius: 35px;
+  border-radius: 45px;
 }
 #startButton:hover,
 #restartButton:hover {
-  background-color: rgb(20, 171, 30);
+  background-color: rgb(12, 247, 27);
   transform: scale(1.05);
 }
 
@@ -90,7 +90,7 @@ button{
 #instructions {
   position: absolute;
   top: 10px;
-
+  font-size: medium;
   width: 200px;
   padding: 10px;
   font-weight: 700;
@@ -101,7 +101,7 @@ button{
 
   padding: 10px;
   background-color: #007bff;
-  color: #000;
+  color: #f8f4f4;
   max-height: 300px; /* Set a maximum height to enable scrolling */
   overflow-y: auto; /* Enable vertical scrolling */
   display: none;
@@ -715,7 +715,7 @@ h3{
 
 /* Default light mode colors */
 :root {
-  --background-color: rgb(8, 8, 8);
+  --background-color: rgb(7, 7, 7);
   --text-color: rgb(233, 217, 217);
   --header-bg: lightgray;
 }
@@ -726,7 +726,7 @@ h2{
 /* Dark mode colors */
 [data-theme="dark"] {
   --background-color: #121212;
-  --text-color: #8d7d86;
+  --text-color: #94838d;
   --header-bg: #1c1c1c;
 }
 
@@ -785,7 +785,7 @@ h1 {
   background-color: #ccc;
   transition: 0.4s;
   border-radius: 24px;
-  background: linear-gradient(135deg, #f39c12, #f1c40f); 
+  background: linear-gradient(135deg, #a06506, #eec009); 
   display: flex;
   align-items: center;
   justify-content: center;

diff --git a/login/login.css b/login/login.css
@@ -54,7 +54,7 @@ body {
   input[type="submit"] {
     border: solid 3px #000000;
     width: 100%;
-    background-color: #007bff;
+    background-color: #0af0f4;
     color: white;
     font-size: 1.1em;
     cursor: pointer;

diff --git a/signup/signup.css b/signup/signup.css
@@ -1,7 +1,7 @@
 body {
 
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-  background: linear-gradient(135deg, #151837, #de3168);
+  background: linear-gradient(135deg, #ab07be, #eb0b52);
 
 
   margin: 0;
@@ -50,7 +50,7 @@ h2 {
     transition: background-color 1s ease;
   }
   .signup-form-container:hover{
-    background-color: #87CEEB;
+    background-color: #0891fa;
     box-shadow: 10px 10px 20px rgba(0, 0, 1, 1);
   }
   h2 {
@@ -89,7 +89,7 @@ input {
 input[type="submit"] {
   border: solid 3px #000000;
   width: 100%;
-  background-color: #007bff;
+  background-color: #3752e9;
   color: white;
   font-size: 1.1em;
   cursor: pointer;
@@ -100,7 +100,7 @@ input[type="submit"] {
 }
 
 input[type="submit"]:hover {
-  background-color: #0056b3;
+  background-color: #0d11da;
 }
 =======
   input[type="submit"] {
@@ -123,7 +123,7 @@ input[type="submit"]:hover {
 
 
   input[type="submit"]:hover {
-    background-color: #0056b3;
+    background-color: #0772e4;
     transform: scale(1.05);
   }
 

diff --git a/welcome.html b/welcome.html
@@ -6,9 +6,9 @@
     <title>Welcome to Alien Invasion Defense</title>
 </head>
 <body style="display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: black; flex-direction: column;">
-    <h1 style="color: green; font-size: 48px; margin-bottom: 20px;">Welcome to Alien Invasion Defense</h1>
+    <h1 style="color: rgb(9, 238, 9); font-size: 48px; margin-bottom: 20px;">Welcome to Alien Invasion Defense</h1>
     <a href="./login/login.html" style="text-decoration: none;">
-        <button style="background-color: blue; color: white; font-size: 24px; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer;">
+        <button style="background-color: rgb(69, 9, 165); color: white; font-size: 24px; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer;">
             Get Started
         </button>
     </a>