From a943e72ecf903734915ca6a851fae6fe0d29efaa Mon Sep 17 00:00:00 2001
From: Nicola Benaglia <nico.benaz@gmail.com>
Date: Sun, 6 Apr 2025 21:08:47 +0200
Subject: [PATCH] Add theme parameter

---
 src/App-styles.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/App-styles.ts b/src/App-styles.ts
index d3f2903..21b911d 100644
--- a/src/App-styles.ts
+++ b/src/App-styles.ts
@@ -204,11 +204,13 @@ export const CustomButtonAccept = styled(Box)<CustomButtonProps>(
   })
 );
 
-export const CustomInput = styled(TextField)({
+export const CustomInput = styled(TextField)(({ theme }) => ({
   width: "183px", // Adjust the width as needed
   borderRadius: "5px",
   // backgroundColor: "rgba(30, 30, 32, 1)",
   outline: "none",
+  backgroundColor: theme.palette.background.default,
+  color: theme.palette.text.primary,
   input: {
     fontSize: 10,
     fontFamily: "Inter",
@@ -241,7 +243,7 @@ export const CustomInput = styled(TextField)({
   "& .MuiInput-underline:after": {
     borderBottom: "none",
   },
-});
+}));
 
 export const CustomLabel = styled(InputLabel)(({ theme }) => ({
   fontWeight: 400,