From 3b53f523d8ada913606f071c8f10fb58c8c24578 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 18 Oct 2022 15:58:50 +0800
Subject: [PATCH] Set background colours on email forms as these pages arent
 themed

---
 .../web/components/templates/auth/EmailForgotPassword.tsx     | 1 +
 packages/web/components/templates/auth/EmailLogin.tsx         | 2 ++
 packages/web/components/templates/auth/EmailResetPassword.tsx | 1 +
 packages/web/components/templates/auth/EmailSignup.tsx        | 4 ++++
 4 files changed, 8 insertions(+)

diff --git a/packages/web/components/templates/auth/EmailForgotPassword.tsx b/packages/web/components/templates/auth/EmailForgotPassword.tsx
index e641a6b3f..888cee302 100644
--- a/packages/web/components/templates/auth/EmailForgotPassword.tsx
+++ b/packages/web/components/templates/auth/EmailForgotPassword.tsx
@@ -51,6 +51,7 @@ export function EmailForgotPassword(): JSX.Element {
               name="email"
               value={email}
               placeholder="Email"
+              css={{ bg: 'white '}}
               onChange={(e) => { e.preventDefault(); setEmail(e.target.value); }}
             />
           </SpanBox>
diff --git a/packages/web/components/templates/auth/EmailLogin.tsx b/packages/web/components/templates/auth/EmailLogin.tsx
index e0332c87a..63541f4e0 100644
--- a/packages/web/components/templates/auth/EmailLogin.tsx
+++ b/packages/web/components/templates/auth/EmailLogin.tsx
@@ -55,6 +55,7 @@ export function EmailLogin(): JSX.Element {
               name="email"
               value={email}
               placeholder="Email"
+              css={{ bg: 'white '}}
               onChange={(e) => { e.preventDefault(); setEmail(e.target.value); }}
             />
           </SpanBox>
@@ -67,6 +68,7 @@ export function EmailLogin(): JSX.Element {
               name="password"
               value={password}
               placeholder="Password"
+              css={{ bg: 'white '}}
               onChange={(e) => setPassword(e.target.value)}
             />
           </SpanBox>
diff --git a/packages/web/components/templates/auth/EmailResetPassword.tsx b/packages/web/components/templates/auth/EmailResetPassword.tsx
index 43b8e65d8..67d97ead8 100644
--- a/packages/web/components/templates/auth/EmailResetPassword.tsx
+++ b/packages/web/components/templates/auth/EmailResetPassword.tsx
@@ -61,6 +61,7 @@ export function EmailResetPassword(): JSX.Element {
               name="password"
               value={password}
               placeholder="Password"
+              css={{ bg: 'white '}}
               onChange={(e) => { e.preventDefault(); setPassword(e.target.value); }}
             />
             <FormLabel css={{ fontSize: '12px' }}>(Password must be at least 8 chars)</FormLabel>
diff --git a/packages/web/components/templates/auth/EmailSignup.tsx b/packages/web/components/templates/auth/EmailSignup.tsx
index 6a5c3259d..3139b3b74 100644
--- a/packages/web/components/templates/auth/EmailSignup.tsx
+++ b/packages/web/components/templates/auth/EmailSignup.tsx
@@ -73,6 +73,7 @@ export function EmailSignup(): JSX.Element {
               name="email"
               value={email}
               placeholder="Email"
+              css={{ bg: 'white '}}
               onChange={(e) => { e.preventDefault(); setEmail(e.target.value); }}
             />
           </SpanBox>
@@ -85,6 +86,7 @@ export function EmailSignup(): JSX.Element {
               name="password"
               value={password}
               placeholder="Password"
+              css={{ bg: 'white '}}
               onChange={(e) => setPassword(e.target.value)}
             />
           </SpanBox>
@@ -97,6 +99,7 @@ export function EmailSignup(): JSX.Element {
               name="name"
               value={fullname}
               placeholder="Full Name"
+              css={{ bg: 'white '}}
               onChange={(e) => setFullname(e.target.value)}
             />
           </SpanBox>
@@ -109,6 +112,7 @@ export function EmailSignup(): JSX.Element {
               name="username"
               value={username}
               placeholder="Username"
+              css={{ bg: 'white '}}
               onChange={handleUsernameChange}
             />
           </SpanBox>