Light und Darkmodus in global.css eingestellt, in andere components text-black in root div

app/globals.css

@@ -26,3 +26,19 @@ body {
     text-wrap: balance;
   }
 }
+
+@media (prefers-color-scheme: light) {
+  input {
+    background-color: #333 !important; /* Dunkler Hintergrund im Darkmode */
+    color: #fff !important; /* Weißer Text im Darkmode */
+    border: 1px solid #555; /* Optional: etwas hellerer Rahmen */
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  input {
+    background-color: white !important; /* Heller Hintergrund im Lightmode */
+    color: black !important; /* Schwarzer Text im Lightmode */
+    border: 1px solid #ccc; /* Optional: heller Rahmen */
+  }
+}