kind of working finally

frontend/src/style.css

@@ -10,6 +10,7 @@
     --border-color: rgba(75, 85, 99, 0.4);
     --success-color: #10b981;
     --glass-border: rgba(255, 255, 255, 0.1);
+    color-scheme: dark;
 }
 
 body {
@@ -63,6 +64,13 @@ label {
     margin-bottom: 10px;
 }
 
+input[type="checkbox"] {
+    accent-color: var(--primary-color);
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+}
+
 input[type="text"],
 input[type="password"],
 select,
@@ -78,6 +86,21 @@ textarea {
     box-sizing: border-box;
 }
 
+select {
+    appearance: none;
+    -webkit-appearance: none;
+    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
+    background-repeat: no-repeat;
+    background-position: right 14px center;
+    background-size: 16px;
+    padding-right: 40px;
+}
+
+select option {
+    background: var(--bg-color);
+    color: white;
+}
+
 textarea {
     resize: vertical;
     min-height: 80px;