diff --git a/components/InputBox.tsx b/components/InputBox.tsx
index 446068f963ad..0565d31fb9a2 100644
--- a/components/InputBox.tsx
+++ b/components/InputBox.tsx
@@ -5,7 +5,14 @@ import type { InputBoxProps } from '@/types/components/InputBoxPropsType';
 /**
  * This component renders input box.
  */
-export default function InputBox({ inputType, inputName, placeholder, inputValue, setInput }: InputBoxProps) {
+export default function InputBox({
+  inputType,
+  inputName,
+  placeholder,
+  inputValue,
+  setInput,
+  dark = false
+}: InputBoxProps) {
   return (
     <input
       type={inputType}
@@ -13,7 +20,11 @@ export default function InputBox({ inputType, inputName, placeholder, inputValue
       placeholder={placeholder}
       value={inputValue}
       onChange={(e) => setInput(e.target.value)}
-      className='form-input mt-2 block w-full rounded-md sm:text-sm sm:leading-5 md:mt-0 md:flex-1'
+      className={`form-input mt-2 block w-full rounded-md sm:text-sm sm:leading-5 md:mt-0 md:flex-1 ${
+        dark
+          ? 'border-zinc-700 bg-zinc-900 text-white placeholder-zinc-500 focus:border-indigo-500 focus:ring-indigo-500'
+          : 'border-gray-300 text-gray-900'
+      }`}
       required
       data-testid={`NewsletterSubscribe-${inputType}-input`}
     />
diff --git a/components/NewsletterSubscribe.tsx b/components/NewsletterSubscribe.tsx
index 6b709f06db77..f6cd613c272d 100644
--- a/components/NewsletterSubscribe.tsx
+++ b/components/NewsletterSubscribe.tsx
@@ -137,6 +137,7 @@ export default function NewsletterSubscribe({
             placeholder={ready ? t('nameInput') : 'Your name'}
             inputValue={name}
             setInput={setName}
+            dark={dark}
           />
           <InputBox
             inputType={InputTypes.EMAIL}
@@ -144,6 +145,7 @@ export default function NewsletterSubscribe({
             placeholder={ready ? t('emailInput') : 'Your email'}
             inputValue={email}
             setInput={setEmail}
+            dark={dark}
           />
           <Button
             type={ButtonType.SUBMIT}
diff --git a/types/components/InputBoxPropsType.ts b/types/components/InputBoxPropsType.ts
index eca476898910..ece31e179920 100644
--- a/types/components/InputBoxPropsType.ts
+++ b/types/components/InputBoxPropsType.ts
@@ -20,4 +20,7 @@ export interface InputBoxProps {
 
   /** The function to set value of the input. */
   setInput: (value: string) => void;
+
+  /** If true, the theme of the component will be dark. */
+  dark?: boolean;
 }