Made dark form controls

src/index.scss

@@ -4,6 +4,16 @@ $theme-colors: (
   'dark': rgb(33, 37, 41)
 );
 
+$modal-content-border-color: #333;
+$modal-footer-border-color: #333;
+$modal-header-border-color: #333;
+$card-color: white;
+
+.form-control {
+  border: 1px solid #333!important;
+  color: white!important;
+}
+
 .dropdown-item:active {
   background-color: #ba68c8!important;
 }

src/pages/LoginPage.tsx

@@ -44,11 +44,11 @@ const LoginPage = () => {
       <Card.Body>
         <div className={'text-logo text-white fs-1 text-center'}>WiDri</div>
         <FloatingLabel label={'Login or e-mail'}>
-          <Form.Control name={'login'} placeholder={''} defaultValue={login}
+          <Form.Control className={'bg-dark'} name={'login'} placeholder={''} defaultValue={login}
                         onChange={evt => setLogin(evt.target.value)} />
         </FloatingLabel>
         <FloatingLabel label={'Password'} className={'mt-2'}>
-          <Form.Control type={'password'} placeholder={''} defaultValue={password}
+          <Form.Control className={'bg-dark'} type={'password'} placeholder={''} defaultValue={password}
                         onChange={evt => setPassword(evt.target.value)} />
         </FloatingLabel>
         <ButtonWithLoader variant={'primary-light'} loading={loggingIn} className={'mt-2 w-100'} onClick={logIn}>Login</ButtonWithLoader>