fix(profile): fix dark mode on profile page

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>

frontend/src/components/common/fields/current-password-field.tsx

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

frontend/src/components/profile-page/access-tokens/access-token-creation-form/access-token-creation-form-expiry-field.tsx

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

frontend/src/components/profile-page/access-tokens/access-token-creation-form/access-token-creation-form-label-field.tsx

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

frontend/src/components/profile-page/access-tokens/access-token-list-entry.tsx

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

frontend/src/components/profile-page/access-tokens/profile-access-tokens.tsx

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

frontend/src/components/profile-page/account-management/profile-account-management.tsx

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

frontend/src/components/profile-page/settings/profile-change-password.tsx

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

frontend/src/components/profile-page/settings/profile-display-name.tsx

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