Update settings.html

settings.html

@@ -4,19 +4,19 @@
     <meta charset="UTF-8">
     <title>Settings</title>
     <style>
-   <style>
         body {
             font-family: Arial, sans-serif;
-            background-color: #f4f4f4;
+            background-color: #f0f0f0;
             margin: 0;
             padding: 0;
         }
         h1 {
-            color: green;
-            text-align: left;
+            background-color: #4CAF50;
+            color: white;
             padding: 20px;
-            background-color: #e0e0e0;
             margin: 0;
+            border-bottom: 2px solid #388E3C;
+            text-align: left;
         }
         form {
             padding: 20px;
@@ -24,7 +24,7 @@
         label {
             display: block;
             margin-top: 10px;
-            color: green;
+            color: #4CAF50;
             text-align: left;
         }
         input[type="text"] {
@@ -35,7 +35,7 @@
             border-radius: 4px;
         }
         button {
-            background-color: green;
+            background-color: #4CAF50;
             color: white;
             padding: 10px 20px;
             border: none;
@@ -44,7 +44,7 @@
             margin-top: 20px;
         }
         button:hover {
-            background-color: darkgreen;
+            background-color: #388E3C;
         }
     </style>
 </head>