From 9e788b9c49e23c724bc27d2f4b14546ce13f1a30 Mon Sep 17 00:00:00 2001
From: Beesafe <hikenike6@gmail.com>
Date: Fri, 25 Oct 2024 09:26:17 +0100
Subject: [PATCH] website: make input text visible (#28)

---
 website/src/app/Components/HomeComponent.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/website/src/app/Components/HomeComponent.tsx b/website/src/app/Components/HomeComponent.tsx
index 85fb373..6c018aa 100644
--- a/website/src/app/Components/HomeComponent.tsx
+++ b/website/src/app/Components/HomeComponent.tsx
@@ -106,7 +106,7 @@ const HomeComponent: React.FC = () => {
           </label>
           <input
             type="text"
-            className="mt-1 block w-full border border-gray-300 rounded-md p-2"
+            className="mt-1 block w-full border border-gray-300 rounded-md p-2 text-black"
             id="serialNumber"
             value={serialNumber}
             onChange={(e) => setSerialNumber(e.target.value)}
@@ -123,7 +123,7 @@ const HomeComponent: React.FC = () => {
           </label>
           <input
             type="number"
-            className="mt-1 block w-full border border-gray-300 rounded-md p-2"
+            className="mt-1 block w-full border border-gray-300 rounded-md p-2 text-black"
             id="counter"
             value={counter ?? ""}
             onChange={(e) =>
@@ -142,7 +142,7 @@ const HomeComponent: React.FC = () => {
           </label>
           <input
             type="number"
-            className="mt-1 block w-full border border-gray-300 rounded-md p-2"
+            className="mt-1 block w-full border border-gray-300 rounded-md p-2 text-black"
             id="startingCode"
             value={startingCode ?? ""}
             onChange={(e) =>
@@ -161,7 +161,7 @@ const HomeComponent: React.FC = () => {
           </label>
           <input
             type="text"
-            className="mt-1 block w-full border border-gray-300 rounded-md p-2"
+            className="mt-1 block w-full border border-gray-300 rounded-md p-2 text-black"
             id="privateKey"
             value={privateKey}
             onChange={(e) => setPrivateKey(e.target.value)}
@@ -179,7 +179,7 @@ const HomeComponent: React.FC = () => {
             Command:
           </label>
           <select
-            className="mt-1 block w-full border border-gray-300 rounded-md p-2"
+            className="mt-1 block w-full border border-gray-300 rounded-md p-2 text-black"
             id="command"
             value={commandArgument ?? ""}
             onChange={(e) =>
@@ -204,7 +204,7 @@ const HomeComponent: React.FC = () => {
           </label>
           <input
             type="number"
-            className="mt-1 block w-full border border-gray-300 rounded-md p-2"
+            className="mt-1 block w-full border border-gray-300 rounded-md p-2 text-black"
             id="commandArgument"
             value={commandArgument ?? ""}
             onChange={(e) =>