Merge branch 'login-page' of http://176.104.105.124:3000/selenaaasi/trampa-frontend into home

src/components/TextFields/TextField/TextField.styled.js

 import { Box, TextField } from "@mui/material";
 import styled from "styled-components";
-import { PRIMARY_BACKGROUND_COLOR } from "../../../constants/stylesConstants";
+import selectedTheme from "../../../themes";
 
 export const TextFieldContainer = styled(Box)`
   width: 100%;
 `;
 
 export const TextFieldStyled = styled(TextField)`
-  background-color: ${PRIMARY_BACKGROUND_COLOR};
+  background-color: ${selectedTheme.primaryBackgroundColor};
   width: ${(props) => props.width};
   font-style: ${(props) => (props.italic === true ? "italic" : "normal")};
   padding-left: 0;

src/pages/RegisterPages/Register/SecondPart/SecondPartOfRegistration.styled.js

 import { Typography } from "@mui/material";
 import styled from "styled-components";
-import { PRIMARY_GRAY_TEXT_COLOR } from "../../../../constants/stylesConstants";
+import selectedTheme from "../../../../themes";
 
 
 export const FormContainer = styled.form`
   font-weight: 400;
   display: flex;
   align-items: center;
-  color: ${PRIMARY_GRAY_TEXT_COLOR};
+  color: ${selectedTheme.primaryDarkGrayText};
   font-size: 12px;
   width: 100%;
   text-align: left;

src/pages/RegisterPages/Register/ThirdPart/ThirdPartOfRegistration.styled.js

 import {  Typography } from "@mui/material";
 import styled from "styled-components";
-import { PRIMARY_GRAY_TEXT_COLOR } from "../../../../constants/stylesConstants";
+import selectedTheme from "../../../../themes";
 
 export const FormContainer = styled.form`
   width: 335px;
   font-weight: 400;
   display: flex;
   align-items: center;
-  color: ${PRIMARY_GRAY_TEXT_COLOR};
+  color: ${selectedTheme.primaryDarkGrayText};
   font-size: 12px;
   width: 100%;
   text-align: left;