Some UI Improvements

app/index.html

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