Merge pull request #1035 from ankiiitagupta/Ankita

login form hover effect's color changes.
codervivek5 · May 13, 2024 · 0e417e0 · 0e417e0
2 parents 134eed5 + a5746dc
commit 0e417e0
Showing 1 changed file with 51 additions and 11 deletions.
diff --git a/Pages/login/login.css b/Pages/login/login.css
@@ -81,8 +81,8 @@ button {
 }
 
 .header_container button:hover {
-	background-color: #cbe4f6;
-	color: rgb(0, 0, 0);
+	background-color: #5d4e90;
+	color: rgb(251, 249, 249);
 }
 
 /* Added Code */
@@ -127,6 +127,7 @@ button {
 	justify-content: space-between;
 	margin-right: 60px;
 }
+
 @media screen and (max-width: 575px) {
 	.burger-icon {
 		display: flex;
@@ -592,6 +593,9 @@ footer a:hover {
   background-color: #161B6E;
 }
 
+
+
+
 .group input {
   border: 2px solid var(--color-border);
   padding: 0 1.1rem;
@@ -644,11 +648,11 @@ input:placeholder-shown {
 }
 
 input:focus:valid {
-  box-shadow: 0 0 0 2px var(--color-success);
+  box-shadow: 0 0 0 2px gray;
 }
 
 input:valid:not(:placeholder-shown) {
-  border-color: var(--color-success);
+  border-color: gray;
 }
 
 input:focus:invalid {
@@ -672,6 +676,8 @@ input:invalid:not(:placeholder-shown) {
   border-radius: 8px;
   margin-bottom: 5px;
 }
+
+
 .verify{
   font-size: 20px;
 }
@@ -697,16 +703,28 @@ input:invalid:not(:placeholder-shown) {
   margin-top: 5px;
   background-color: transparent;
 }
+
+.glg:hover{
+
+  background-color: rgb(55, 48, 72);
+  color: #ffffff;
+}
 .glg-outline{
   display: flex;
   justify-content: space-around;
   align-items: center;
   height: 100%;
-  font-size: 19px;
+  font-size: 16px;
   color:#161B6E;
   opacity: 80%;
   margin-left: 40px;
 }
+
+.glg-outline:hover{
+
+  color:#ffffff;
+
+}
 .line{
   width: 45%;
   height: 2px;
@@ -733,6 +751,19 @@ button {
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
+
+button:hover {
+  width: 100%;
+  height: 100%;
+  color: #D9D9D9;
+  background-color: rgb(83, 83, 120);
+  border-radius: 15px;
+  cursor: pointer;
+  -webkit-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+
+}
+
 .forgot{
   display: flex;
   width: 100%;
@@ -756,14 +787,17 @@ button {
   color: #161B6E;
   font-weight: bold;
 }
-.group button:hover {
-  background-color: var(--color-secondary);
-}
+
 
 .group button:hover {
-  background: var(--color-secondary);
+
+  background-color: #414499;
+  box-shadow: 2px 2px 1px 1px gray;
+  text-shadow: 1.5px 1.5px gray;
 }
 
+
+
 .group button:active {
   transform: scale(0.95);
 }
@@ -778,12 +812,18 @@ button {
   margin-top: 1.8rem;
 }
 .group button.ghost1 {
-  background-color: white;
+  background-color: rgb(244, 243, 249);
+  border: 1px solid #D9D9D9;
+  margin-top: 1.8rem;
+}
+button.ghost1:hover{
+  background-color: rgb(77, 69, 137);
   border: 1px solid #D9D9D9;
   margin-top: 1.8rem;
 }
 
 .group button.ghost:hover {
-  background: #D9D9D9;
+  background-color: #362f4b;
+  border-radius: 20px;
   color: var(--color-primary);
 }