@@ -132,16 +132,29 @@ p {
 	/* Измените тень, если необходимо */
 }
 
-.MuiInputBase-input:-webkit-autofill,
+/* .MuiInputBase-input:-webkit-autofill,
 .MuiInputBase-input:-webkit-autofill:hover,
 .MuiInputBase-input:-webkit-autofill:focus,
 .MuiInputBase-input:-webkit-autofill:active {
-	/* box-shadow: 0 0 0 100px var(--new-ui-main-color) inset !important; */
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: var(--text-color-main);
 	transition: background-color 5000s ease-in-out 0s;
 	box-shadow: inset 0 0 0 100px var(--new-ui-main-color);
+	caret-color: var(--text-color-main);
 	border-radius: 15px;
+} */
+
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active {
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: var(--text-color-main);
+	transition: all 5000s ease-in-out 0s;
+	box-shadow: inset 0 0 0 100px var(--new-ui-main-color);
+	caret-color: var(--text-color-main);
+	border-radius: 15px;
+	color: var(--text-color-main) !important;
 }
 
 /* Изменение цвета полоски сверху выпадающего списка */
@@ -17,7 +17,9 @@ import { nameOptions } from '../../lib/constants-step-contact'
 import { createBusinessCompany, setContact } from '../../model/stepper-slice'
 
 export const StepContact = () => {
-	const { phone, email, name, job_title } = useAppSelector((state) => state.stepper.dataForCreate)
+	const { phone, email, name, job_title } = useAppSelector(
+		(state) => state.stepper.dataForCreate
+	)
 	const theme = useAppSelector((state) => state.theme.theme)
 	const { error, showError } = useShowData()
 	const methods = useForm({
@@ -44,10 +46,25 @@ export const StepContact = () => {
 	return (
 		<form>
 			<Box id={'step3'} className={styles.element}>
-				<Typography>Как в вам обращаться?</Typography>
+				<Typography>Как вам обращаться?</Typography>
 				<TextField
 					fullWidth
-					sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+					sx={
+						theme === 'light'
+							? { ...InputStyleLight }
+							: {
+									...InputStyleDark,
+									'& .MuiInputBase-input': {
+										color: 'white', // Цвет введенного текста
+									},
+									'& .MuiInputLabel-root': {
+										color: 'rgba(255,255,255,0.7)', // Если используется label
+									},
+									'& .MuiInput-input::placeholder': {
+										color: 'rgba(255,255,255,0.5)', // Цвет плейсхолдера
+									},
+							  }
+					}
 					{...methods.register('name', nameOptions)}
 				/>
 			</Box>
@@ -12,7 +12,11 @@ import { useAppDispatch, useAppSelector } from '#/app/store/store'
 import { ButtonUI, Error, InputStyleDark, InputStyleLight } from '#/shared'
 import { useShowData } from '#/shared/lib/hooks'
 
-import { companyNameOptions, innOptions, ogrnOptions } from '../../lib/constatnts-step-legal-informative'
+import {
+	companyNameOptions,
+	innOptions,
+	ogrnOptions,
+} from '../../lib/constatnts-step-legal-informative'
 import { useAutoLoadingInfo } from '../../model/legal-info/use-auto-loading-info'
 import { useAutoSetInfo } from '../../model/legal-info/use-auto-set-info'
 import { setCompanyName, setInn, setOgrn, switchNextStep } from '../../model/stepper-slice'
@@ -37,7 +41,9 @@ export const StepLegalInformative = () => {
 		},
 	})
 
-	const [rulesData, isIP] = useCheckTypeCompany(typeof selected === 'string' ? selected : selected?.value)
+	const [rulesData, isIP] = useCheckTypeCompany(
+		typeof selected === 'string' ? selected : selected?.value
+	)
 
 	const { error, showError } = useShowData()
 	const onSubmit = (data: any, e: any) => {
@@ -70,14 +76,39 @@ export const StepLegalInformative = () => {
 					value={selected}
 					onChange={(event, value) => setSelected(value)}
 					getOptionLabel={(label) => (typeof label !== 'string' ? label.value : '')}
+					sx={{
+						'& .MuiAutocomplete-clearIndicator': {
+							color: theme === 'light' ? 'black' : 'while',
+						},
+					}}
 					renderInput={(params) => (
 						<TextField
 							{...params}
 							fullWidth
-							sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+							sx={
+								theme === 'light'
+									? { ...InputStyleLight }
+									: {
+											...InputStyleDark,
+											'& .MuiInputBase-input': {
+												color: 'white', // Цвет введенного текста
+											},
+											'& .MuiInputLabel-root': {
+												color: 'rgba(255,255,255,0.7)', // Цвет лейбла если используется
+											},
+									  }
+							}
 							{...methods.register('companyName', companyNameOptions)}
 						/>
 					)}
+					componentsProps={{
+						paper: {
+							sx: {
+								backgroundColor: '#333', // Фон выпадающего списка
+								color: 'white', // Цвет текста в выпадающем списке
+							},
+						},
+					}}
 				/>
 			</Box>
 			<Box className={styles.element}>
@@ -101,7 +132,10 @@ export const StepLegalInformative = () => {
 					<ButtonUI onClick={() => dispatch(switchNextStep())} text='Пропустить' />
 				</Box>
 				<Box>
-					<ButtonUI onClick={methods.handleSubmit(onSubmit, checkError)} text='Продолжить' />
+					<ButtonUI
+						onClick={methods.handleSubmit(onSubmit, checkError)}
+						text='Продолжить'
+					/>
 				</Box>
 			</Box>
 			<Error error={error} open={Boolean(error)} />