Login screen style

Author: jackpf

ui/src/components/Login.tsx

@@ -57,19 +57,19 @@ const styles: { [key: string]: React.CSSProperties } = {
         justifyContent: "center",
         alignItems: "center",
         height: "100vh",
-        backgroundColor: "#f3f4f6",
+        backgroundColor: "#0b0b0b",
         fontFamily: "system-ui, sans-serif",
     },
     card: {
-        background: "white",
+        background: "#191919",
         padding: "2rem",
         borderRadius: "12px",
         boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
         width: "100%",
         maxWidth: "400px",
         textAlign: "center",
     },
-    title: {margin: "0 0 0.5rem 0", color: "#1f2937"},
+    title: {margin: "0 0 0.5rem 0", color: "#6988b1"},
     subtitle: {margin: "0 0 1.5rem 0", color: "#6b7280", fontSize: "0.9rem"},
     form: {display: "flex", flexDirection: "column", gap: "1rem"},
     input: {
@@ -82,8 +82,8 @@ const styles: { [key: string]: React.CSSProperties } = {
         padding: "0.75rem",
         borderRadius: "6px",
         border: "none",
-        backgroundColor: "#1a1a1a",
-        color: "white",
+        backgroundColor: "#4c4c4c",
+        color: "#5874a3",
         fontSize: "1rem",
         fontWeight: "bold",
         cursor: "pointer",