Some UI Improvements
This commit is contained in:
+8
-7
@@ -44,20 +44,21 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
input[type="submit"] {
|
input[type="submit"] {
|
||||||
padding: 10px;
|
padding: 16px;
|
||||||
background-color: #6a0dad;
|
background-color: #a327f0;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
font-size: 1rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: background-color 0.3s ease;
|
transition: background-color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="submit"]:hover {
|
input[type="submit"]:hover {
|
||||||
background-color: #4e0875;
|
background-color: #821fc0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Toggle switch styles */
|
/* Toggle switch styles */
|
||||||
@@ -95,7 +96,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dark-mode-toggle input:checked+label {
|
.dark-mode-toggle input:checked+label {
|
||||||
background: #6a0dad;
|
background: #7359f8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark-mode-toggle input:checked+label:after {
|
.dark-mode-toggle input:checked+label:after {
|
||||||
@@ -116,7 +117,7 @@
|
|||||||
|
|
||||||
/* Dark mode styles */
|
/* Dark mode styles */
|
||||||
body.dark-mode {
|
body.dark-mode {
|
||||||
background-color: #333;
|
background-color: #191a21;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -131,11 +132,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
body.dark-mode input[type="submit"] {
|
body.dark-mode input[type="submit"] {
|
||||||
background-color: #9b30ff;
|
background-color: #7359f8;
|
||||||
}
|
}
|
||||||
|
|
||||||
body.dark-mode input[type="submit"]:hover {
|
body.dark-mode input[type="submit"]:hover {
|
||||||
background-color: #7a1bb5;
|
background-color: #5c47c6;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|||||||
Reference in New Issue
Block a user