Transparent-Input-forms-(issue#301)

ani1609 · Dec 29, 2023 · 03786f4 · 03786f4
1 parent ccd2b2b
commit 03786f4
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/client/src/components/TransactionForm.js b/client/src/components/TransactionForm.js
@@ -183,7 +183,7 @@ function TransactionForm ({ user, editEnabled, setEditEnabled, formData, setForm
                 style={
                   {
                     cursor: formData.transactionType === "Income" ? "not-allowed" : "pointer",
-                    backgroundColor: theme === "dark" ? "#335467" : "white",
+                    backgroundColor: theme === "dark" ? "transparent" : "white",
                     borderColor: theme === "dark" ? "#B6CEFC80" : "rgb(225 225 225)"
                   }}
                 disabled={formData.transactionType === "Income"}
@@ -214,7 +214,7 @@ function TransactionForm ({ user, editEnabled, setEditEnabled, formData, setForm
                   }}
                 placeholder="Date"
                 required
-                className="cursor-pointer border rounded-md bg-transparent h-7 px-1 col-md-4 dark:bg-[#335467] dark:border-[#B6CEFC80]"
+                className="cursor-pointer border rounded-md bg-transparent h-7 px-1 col-md-4 dark:bg-transparent dark:border-[#B6CEFC80]"
             />
             </div>
         </div>
@@ -230,7 +230,7 @@ function TransactionForm ({ user, editEnabled, setEditEnabled, formData, setForm
                 onChange={handleChange}
                 placeholder="Amount"
                 required
-                className="border p-2 transition duration-500 dark:bg-[#335467] dark:border-[#B6CEFC80]"
+                className="border p-2 transition duration-500 dark:bg-transparent dark:border-[#B6CEFC80]"
             />
             </div>
             <div className="flex flex-col" style={{ marginTop: "29px", width: "100%" }}>
@@ -243,7 +243,7 @@ function TransactionForm ({ user, editEnabled, setEditEnabled, formData, setForm
                 onChange={handleChange}
                 placeholder="Description"
                 required
-                className="border p-2 transition duration-500 dark:bg-[#335467] dark:border-[#B6CEFC80]"
+                className="border p-2 transition duration-500 dark:bg-transparent dark:border-[#B6CEFC80]"
                 autoComplete="off"
             />
             </div>