fix(profile): fix dark mode on profile page

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2023-06-08 11:39:58 +02:00
parent 90f5ed5606
commit 6529d4f20a
8 changed files with 6 additions and 9 deletions

View file

@ -26,7 +26,6 @@ export const CurrentPasswordField: React.FC<CommonFieldProps> = ({ onChange }) =
size='sm' size='sm'
onChange={onChange} onChange={onChange}
placeholder={t('login.auth.password') ?? undefined} placeholder={t('login.auth.password') ?? undefined}
className='bg-dark text-light'
autoComplete='current-password' autoComplete='current-password'
required required
/> />

View file

@ -36,7 +36,6 @@ export const AccessTokenCreationFormExpiryField: React.FC<AccessTokenCreationFor
type='date' type='date'
size='sm' size='sm'
value={formValues.expiryDate} value={formValues.expiryDate}
className='bg-dark text-light'
onChange={onChangeExpiry} onChange={onChangeExpiry}
min={minMaxDefaultDates.min} min={minMaxDefaultDates.min}
max={minMaxDefaultDates.max} max={minMaxDefaultDates.max}

View file

@ -39,7 +39,6 @@ export const AccessTokenCreationFormLabelField: React.FC<AccessTokenCreationForm
size='sm' size='sm'
placeholder={t('profile.accessTokens.label') ?? undefined} placeholder={t('profile.accessTokens.label') ?? undefined}
value={formValues.label} value={formValues.label}
className='bg-dark text-light'
onChange={onChangeLabel} onChange={onChangeLabel}
isValid={labelValid} isValid={labelValid}
required required

View file

@ -54,12 +54,12 @@ export const AccessTokenListEntry: React.FC<AccessTokenListEntryProps & AccessTo
}, [token.lastUsedAt]) }, [token.lastUsedAt])
return ( return (
<ListGroup.Item className='bg-dark'> <ListGroup.Item>
<Row> <Row>
<Col className='text-start' {...cypressId('access-token-label')}> <Col className='text-start' {...cypressId('access-token-label')}>
{token.label} {token.label}
</Col> </Col>
<Col className='text-start text-white-50'>{lastUsed}</Col> <Col className='text-start'>{lastUsed}</Col>
<Col xs='auto'> <Col xs='auto'>
<IconButton <IconButton
icon={IconTrash} icon={IconTrash}

View file

@ -46,7 +46,7 @@ export const ProfileAccessTokens: React.FC = () => {
) )
return ( return (
<Card className='bg-dark mb-4 access-tokens'> <Card className='mb-4 access-tokens'>
<Card.Body> <Card.Body>
<Card.Title> <Card.Title>
<Trans i18nKey='profile.accessTokens.title' /> <Trans i18nKey='profile.accessTokens.title' />

View file

@ -21,7 +21,7 @@ export const ProfileAccountManagement: React.FC = () => {
return ( return (
<Fragment> <Fragment>
<Card className='bg-dark mb-4'> <Card className='mb-4'>
<Card.Body> <Card.Body>
<Card.Title> <Card.Title>
<Trans i18nKey='profile.accountManagement' /> <Trans i18nKey='profile.accountManagement' />

View file

@ -70,7 +70,7 @@ export const ProfileChangePassword: React.FC = () => {
}, [loading, oldPassword, newPassword, newPasswordAgain]) }, [loading, oldPassword, newPassword, newPasswordAgain])
return ( return (
<Card className='bg-dark mb-4'> <Card className='mb-4'>
<Card.Body> <Card.Body>
<Card.Title> <Card.Title>
<Trans i18nKey='profile.changePassword.title' /> <Trans i18nKey='profile.changePassword.title' />

View file

@ -39,7 +39,7 @@ export const ProfileDisplayName: React.FC = () => {
}, [displayName, userName]) }, [displayName, userName])
return ( return (
<Card className='bg-dark mb-4'> <Card className='mb-4'>
<Card.Body> <Card.Body>
<Card.Title> <Card.Title>
<Trans i18nKey='profile.userProfile' /> <Trans i18nKey='profile.userProfile' />