🌑 darkmode support on form elements

src/assets/app.scss

@@ -18,6 +18,12 @@ a,
     color: #0a0a0a;
 }
 
+.form-control,
+.form-select {
+    color: var(--main-font-color);
+    background-color: var(--background-4);
+}
+
 #app {
     font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
         segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif,

src/assets/vars.scss

@@ -7,6 +7,8 @@ $highlight: #7ce8a4;
 $highlight-white: #e7faec;
 
 :root {
+    color-scheme: light dark;
+    // 
     --page-background: #fafafa;
     --background-secondary: #d0d3d5;
     --background-4: #d0d3d5;