Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Force non-themed colours on login forms as these pages are unthemed

Browse Source
This commit is contained in:
Jackson Harper
2022-10-19 17:29:22 +08:00
parent 2542c5dbed
commit 675845bebc
5 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/components/templates/ConfirmProfileModal.tsx
View File

@ -139,7 +139,7 @@ export function ConfirmProfileModal(): JSX.Element {
{isUsernameValid && (
<StyledText
style="caption"
css={{ m: 0, pl: '$2', alignSelf: 'flex-start' }}
css={{ m: 0, pl: '$2', alignSelf: 'flex-start', color: '$omnivoreGray' }}
>
Username is available.
</StyledText>

2
packages/web/components/templates/auth/EmailForgotPassword.tsx
View File

@ -51,7 +51,7 @@ export function EmailForgotPassword(): JSX.Element {
name="email"
value={email}
placeholder="Email"
css={{ bg: 'white '}}
css={{ bg: 'white', color: 'black' }}
onChange={(e) => { e.preventDefault(); setEmail(e.target.value); }}
/>
</SpanBox>

4
packages/web/components/templates/auth/EmailLogin.tsx
View File

@ -55,7 +55,7 @@ export function EmailLogin(): JSX.Element {
name="email"
value={email}
placeholder="Email"
css={{ bg: 'white '}}
css={{ backgroundColor: 'white', color: 'black' }}
onChange={(e) => { e.preventDefault(); setEmail(e.target.value); }}
/>
</SpanBox>
@ -68,7 +68,7 @@ export function EmailLogin(): JSX.Element {
name="password"
value={password}
placeholder="Password"
css={{ bg: 'white '}}
css={{ bg: 'white', color: 'black' }}
onChange={(e) => setPassword(e.target.value)}
/>
</SpanBox>

2
packages/web/components/templates/auth/EmailResetPassword.tsx
View File

@ -61,7 +61,7 @@ export function EmailResetPassword(): JSX.Element {
name="password"
value={password}
placeholder="Password"
css={{ bg: 'white '}}
css={{ bg: 'white', color: 'black' }}
onChange={(e) => { e.preventDefault(); setPassword(e.target.value); }}
/>
<FormLabel css={{ fontSize: '12px' }}>(Password must be at least 8 chars)</FormLabel>

12
packages/web/components/templates/auth/EmailSignup.tsx
View File

@ -63,7 +63,7 @@ export function EmailSignup(): JSX.Element {
return (
<form action={`${fetchEndpoint}/auth/email-signup`} method="POST">
<VStack alignment="center" css={{ padding: '16px' }}>
<StyledText style="subHeadline">Sign Up</StyledText>
<StyledText style="subHeadline" css={{ color: '$omnivoreGray' }}>Sign Up</StyledText>
<VStack css={{ width: '100%', minWidth: '320px', gap: '16px', pb: '16px' }}>
<SpanBox css={{ width: '100%' }}>
<FormLabel>Email</FormLabel>
@ -73,7 +73,7 @@ export function EmailSignup(): JSX.Element {
name="email"
value={email}
placeholder="Email"
css={{ bg: 'white '}}
css={{ backgroundColor: 'white', color: 'black' }}
onChange={(e) => { e.preventDefault(); setEmail(e.target.value); }}
/>
</SpanBox>
@ -86,7 +86,7 @@ export function EmailSignup(): JSX.Element {
name="password"
value={password}
placeholder="Password"
css={{ bg: 'white '}}
css={{ bg: 'white', color: 'black' }}
onChange={(e) => setPassword(e.target.value)}
/>
</SpanBox>
@ -99,7 +99,7 @@ export function EmailSignup(): JSX.Element {
name="name"
value={fullname}
placeholder="Full Name"
css={{ bg: 'white '}}
css={{ bg: 'white', color: 'black' }}
onChange={(e) => setFullname(e.target.value)}
/>
</SpanBox>
@ -112,7 +112,7 @@ export function EmailSignup(): JSX.Element {
name="username"
value={username}
placeholder="Username"
css={{ bg: 'white '}}
css={{ bg: 'white', color: 'black' }}
onChange={handleUsernameChange}
/>
</SpanBox>
@ -132,7 +132,7 @@ export function EmailSignup(): JSX.Element {
{isUsernameValid && (
<StyledText
style="caption"
css={{ m: 0, pl: '$2', alignSelf: 'flex-start' }}
css={{ m: 0, pl: '$2', alignSelf: 'flex-start', color: '$omnivoreGray' }}
>
Username is available.
</StyledText>