Some UI Improvements

This commit is contained in:
Wasi Master
2024-08-14 14:49:47 +06:00
parent d89e451405
commit 1a75fe508b
+8 -7
View File
@@ -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>