Working with DB, admin form, WTForms, .env

static/css/style.css

@@ -9,14 +9,17 @@ body {
     justify-content: space-between;
     align-items: center;
 
-    background: #fff;
-    color: #000;
+    --bg: #fff;
+    --fg: #000;
+
+    background: var(--bg);
+    color: var(--fg);
 }
 
 @media (prefers-color-scheme: dark) {
     body {
-        background: #202023;
-        color: #eee;
+        --bg: #202023;
+        --fg: #eee;
     }
 }
 
@@ -29,3 +32,29 @@ a {
 a:hover {
     filter: brightness(120%);
 }
+
+form {
+    display: flex;
+    flex-direction: column;
+}
+form > div {
+    margin-top: 5px;
+    display: flex;
+    flex-direction: row;
+    justify-content: end;
+}
+form > div > label {
+    width: 50%;
+    margin-right: 10px;
+}
+form > div > input {
+    width: 50%;
+    border: 1px solid var(--fg);
+    outline: none;
+    background: var(--bg);
+    color: var(--fg);
+}
+form > div > input:hover,
+form > div > input:focus {
+    filter: brightness(130%);
+}