feat: change to dark mode

settings.css

@@ -3,8 +3,8 @@
   border-radius: 10px;
   padding: 25px;
   min-width: 300px;
-    /* background: rgba(255, 255, 255, 0.1);
-    border: 1px solid rgba(255, 255, 255, 0.2); */
+  background: rgba(40, 40, 40, 0.9);
+  border: 1px solid rgba(100, 100, 100, 0.3);
 }
 
 .settings-form .form-group {
@@ -18,24 +18,26 @@
   font-size: 1rem;
   backdrop-filter: blur(10px);
   box-sizing: border-box;
-  border: 1px solid #ccc;
+  border: 1px solid #404040;
+  background: #2a2a2a;
+  color: #e0e0e0;
 }
 
 .settings-form input::placeholder {
-    color: rgba(0, 0, 0, 0.7);
+    color: rgba(160, 160, 160, 0.8);
 }
 
 .settings-form input:focus {
   outline: none;
-  border-color: #667eea;
+  border-color: #6B8DD6;
 }
 
 .settings-btn {
   width: 100%;
   padding: 12px;
   color: white;
-  background: #667eea;
-  border: 1px solid #667eea;
+  background: #6B8DD6;
+  border: 1px solid #6B8DD6;
   border-radius: 6px;
   cursor: pointer;
   font-size: 1rem;
@@ -45,7 +47,7 @@
 }
 
 .settings-btn:hover {
-  background: #8d9de7;
-  border: 1px solid #8d9de7;
+  background: #5A7BC4;
+  border: 1px solid #5A7BC4;
   transform: translateY(-1px);
 }