diff --git a/src/assets/app.scss b/src/assets/app.scss
index dfdae79c5..992323040 100644
--- a/src/assets/app.scss
+++ b/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,
diff --git a/src/assets/vars.scss b/src/assets/vars.scss
index 85f430700..12b8e3745 100644
--- a/src/assets/vars.scss
+++ b/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;