@@ -18,7 +18,6 @@ interface IProps {
 
 export const SelectFilter = ({ selects, filters, item_key, name, description, setNewParam }: IProps) => {
 	const [value, setValue] = React.useState<string>(selects.default)
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	React.useEffect(() => {
 		if (filters[item_key] !== undefined && filters[item_key] !== value) {
@@ -43,29 +42,29 @@ export const SelectFilter = ({ selects, filters, item_key, name, description, se
 						MenuProps: {
 							MenuListProps: {
 								sx: {
-									color: theme === 'light' ? '#373737' : '#A6A5A5',
-									backgroundColor: theme === 'light' ? 'transparent' : '#151518',
+									color: '#A6A5A5',
+									backgroundColor: '#151518',
 								},
 							},
 						},
 					}}
 					style={{
-						backgroundColor: theme === 'light' ? 'transparent' : 'transparent',
+						backgroundColor: 'transparent',
 					}}
 					sx={{
 						boxShadow: 'none',
 						borderRadius: '13px',
-						backgroundColor: theme === 'light' ? 'transparent' : '#4B4B4B',
-						border: theme === 'light' ? '1px solid transparent' : '2px solid #40404E;',
-						color: theme === 'light' ? '#373737' : '#A6A5A5',
+						backgroundColor: '#4B4B4B',
+						border: '2px solid #40404E;',
+						color: '#A6A5A5',
 						'.MuiSelect-icon': {
 							color: '#A6A5A5',
 						},
 						'&& fieldset': {
-							border: theme === 'light' ? '1px solid #E9E9E9' : '0px solid transparent',
+							border: '0px solid transparent',
 						},
 						'&.Mui-focused': {
-							border: theme === 'light' ? `1px solid ${baseColor}` : '2px solid #40404E;',
+							border: '2px solid #40404E;',
 							borderColor: baseColor,
 							'& .MuiOutlinedInput-notchedOutline': {
 								border: 'none',
@@ -73,7 +72,7 @@ export const SelectFilter = ({ selects, filters, item_key, name, description, se
 						},
 						'&:hover': {
 							'&& fieldset': {
-								border: theme === 'light' ? '1px solid #E9E9E9' : '0px solid transparent',
+								border: '0px solid transparent',
 							},
 						},
 					}}
@@ -2,7 +2,6 @@ import React, { useRef, useState } from 'react'
 import { Box, Typography } from '@mui/material'
 import Image from 'next/image'
 
-import { useAppSelector } from '#/app/store/store'
 import { TooltipCustom } from '#/shared'
 
 interface IProps {
@@ -27,7 +26,6 @@ const acceptTypes: any = {
 export const LoadImage = ({ loading, unpinImage, image, imageLoad, types }: IProps) => {
 	const ref = useRef(null)
 	const [inputTypes, setInputTypes] = useState<string>('')
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	React.useEffect(() => {
 		setInputTypes(types.map((el) => acceptTypes[el]).toString())
@@ -73,7 +71,7 @@ export const LoadImage = ({ loading, unpinImage, image, imageLoad, types }: IPro
 			>
 				<path
 					d='M12.1725 4.95085L5.58651 11.5368C5.39549 11.7213 5.24312 11.942 5.13831 12.186C5.03349 12.43 4.97831 12.6925 4.97601 12.958C4.9737 13.2236 5.0243 13.487 5.12486 13.7328C5.22543 13.9785 5.37393 14.2019 5.56172 14.3896C5.7495 14.5774 5.97281 14.7259 6.2186 14.8265C6.46439 14.9271 6.72775 14.9777 6.99331 14.9753C7.25887 14.973 7.52131 14.9179 7.76532 14.8131C8.00932 14.7082 8.23001 14.5559 8.41451 14.3648L14.8285 7.77885C15.5571 7.02444 15.9603 6.01403 15.9512 4.96524C15.9421 3.91646 15.5214 2.91321 14.7798 2.17157C14.0381 1.42994 13.0349 1.00926 11.9861 1.00015C10.9373 0.991038 9.92692 1.39422 9.17251 2.12285L2.75751 8.70785C1.63219 9.83316 1 11.3594 1 12.9508C1 14.5423 1.63219 16.0685 2.75751 17.1938C3.88282 18.3192 5.40907 18.9514 7.00051 18.9514C8.59194 18.9514 10.1182 18.3192 11.2435 17.1938L17.5005 10.9508'
-					stroke={theme === 'dark' ? 'white' : 'black'}
+					stroke='white'
 					strokeLinecap='round'
 					strokeLinejoin='round'
 				/>
@@ -2,7 +2,6 @@ import React from 'react'
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'
 import { MenuItem, Select, SelectChangeEvent, Stack, Typography } from '@mui/material'
 
-import { useAppSelector } from '#/app/store/store'
 import { IModelVersions } from '#/shared/api/models/models'
 import { baseColor } from '#/shared/lib/constants/colors'
 import TooltipModelTypes from '#/widgets/filters-gpt/ui/tooltip-model-types'
@@ -16,7 +15,6 @@ interface ISelect {
 }
 
 export const ChatSelect: React.FC<ISelect> = ({ value, setValue, list, setDefaultParams, ...args }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	const onChange = (event: SelectChangeEvent) => {
 		setValue(event.target.value as string)
@@ -33,29 +31,29 @@ export const ChatSelect: React.FC<ISelect> = ({ value, setValue, list, setDefaul
 					MenuProps: {
 						MenuListProps: {
 							sx: {
-								color: theme === 'light' ? '#373737' : '#A6A5A5',
-								backgroundColor: theme === 'light' ? 'transparent' : '#151518',
+								color: '#A6A5A5',
+								backgroundColor: '#151518',
 							},
 						},
 					},
 				}}
 				style={{
-					backgroundColor: theme === 'light' ? 'transparent' : 'transparent',
+					backgroundColor: 'transparent',
 				}}
 				sx={{
 					boxShadow: 'none',
 					borderRadius: '13px',
-					backgroundColor: theme === 'light' ? 'transparent' : '#4B4B4B',
-					border: theme === 'light' ? '1px solid transparent' : '2px solid #40404E;',
-					color: theme === 'light' ? '#373737' : '#A6A5A5',
+					backgroundColor: '#4B4B4B',
+					border: '2px solid #40404E;',
+					color: '#A6A5A5',
 					'.MuiSelect-icon': {
 						color: '#A6A5A5',
 					},
 					'&& fieldset': {
-						border: theme === 'light' ? '1px solid #E9E9E9' : '0px solid transparent',
+						border: '0px solid transparent',
 					},
 					'&.Mui-focused': {
-						border: theme === 'light' ? `1px solid ${baseColor}` : '2px solid #40404E;',
+						border: '2px solid #40404E;',
 						borderColor: baseColor,
 						'& .MuiOutlinedInput-notchedOutline': {
 							border: 'none',
@@ -63,7 +61,7 @@ export const ChatSelect: React.FC<ISelect> = ({ value, setValue, list, setDefaul
 					},
 					'&:hover': {
 						'&& fieldset': {
-							border: theme === 'light' ? '1px solid #E9E9E9' : '0px solid transparent',
+							border: '0px solid transparent',
 						},
 					},
 				}}
@@ -8,8 +8,7 @@ import { useRouter } from 'next/router'
 import { signOut } from 'next-auth/react'
 
 import styles from '#/app/layout/styles/styles.module.css'
-import { useAppDispatch, useAppSelector } from '#/app/store/store'
-import { change } from '#/entities/theme'
+import { useAppSelector } from '#/app/store/store'
 import { TooltipCustom } from '#/shared'
 import { declineToken } from '#/shared/lib/helpers/get-token'
 import { IProps } from '#/shared/lib/types/entities'
@@ -39,12 +38,9 @@ const convertLang = <T extends boolean>(toShort: T, lang: LangParam<T>): LangRet
 }
 
 const InfoBar: React.FC<InfoBarProps> = ({ device }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
 	const balance = useAppSelector((state) => state.balance.balance)
 	const { email, first_name, last_name, profile_picture_link, account_type, show_balance } = useAppSelector((state) => state.user)
 
-	const dispatch = useAppDispatch()
-
 	const [anchorEl, setAnchorEl] = React.useState<HTMLButtonElement | null>(null)
 	const [anchorEl2, setAnchorEl2] = React.useState<HTMLButtonElement | null>(null)
 
@@ -87,7 +83,7 @@ const InfoBar: React.FC<InfoBarProps> = ({ device }) => {
 						sx={{ marginTop: '6px' }}
 						PaperProps={{
 							style: {
-								backgroundColor: theme === 'dark' ? '#151518' : 'white',
+								backgroundColor: '#151518',
 								borderRadius: '13px',
 								boxShadow: 'none',
 							},
@@ -115,17 +111,6 @@ const InfoBar: React.FC<InfoBarProps> = ({ device }) => {
 						</Box>
 					</Popover>
 
-					<TooltipCustom placement='bottom' title='Сменить тему'>
-						<Image
-							onClick={() => {dispatch(change(null))}}
-							style={{ cursor: 'pointer', marginLeft: '30px' }}
-							src={'/sleep.svg'}
-							width={20}
-							height={20}
-							alt={''}
-						/>
-					</TooltipCustom>
-
 					<Box display='flex'>
 						<Box sx={{ marginLeft: '30px' }}>
 							<Box>
@@ -163,7 +148,7 @@ const InfoBar: React.FC<InfoBarProps> = ({ device }) => {
 								sx={{ marginTop: '6px' }}
 								PaperProps={{
 									style: {
-										backgroundColor: theme === 'dark' ? '#151518' : 'white',
+										backgroundColor: '#151518',
 										borderRadius: '13px',
 										boxShadow: 'none',
 									},
@@ -1,32 +1,4 @@
-:root[data-theme='light'] {
-	--air-color: #8280ff;
-	--background-color-main: #ffffff;
-	--background-color-additional: #ffffff;
-	--background-color-page: #fbfbfb;
-	--background-color-table: white;
-	--bg-color-button-gray: #e8e8e8;
-	--color-btn-gray: #5a5a5a;
-	--search-bg: white;
-	--text-color-purple: #7f7df3;
-	--text-color-main: #373737;
-	--text-color-additional-one: #868686;
-	--text-color-additional-two: #5e5e5e;
-	--border-color: #f5f5f5;
-	--border-color2: #e7e7e7;
-	--bg-audio: #f2f2fe;
-
-	--new-ui-bg-app-color: #eff0f2;
-	--new-ui-main-color: white;
-	--new-ui-gray-color: #a4aab5;
-	--new-ui-text-color: #2b2b42;
-	--new-ui-border: 2px solid #eff0f2;
-	--new-ui-btn-danger-bg: #ff23721a;
-	--new-ui-ctrl-f-button-bg: #f9f9fc;
-	--new-ui-ctrl-f-button-border: 1px solid #c4cbd8;
-	--new-ui-table-cell-text: #97989f;
-}
-
-:root[data-theme='dark'] {
+:root {
 	--air-color: #8280ff;
 	--background-color-main: #303030;
 	--background-color-page: #303030;
@@ -1,7 +1,7 @@
 import { createSlice } from '@reduxjs/toolkit'
 
 export interface Theme {
-	theme: 'light' | 'dark'
+	theme: 'dark'
 }
 
 const initialState: Theme = {
@@ -13,13 +13,7 @@ export const themeSlice = createSlice({
 	initialState,
 	reducers: {
 		change: (state, action) => {
-			if (action.payload) {
-				state.theme = action.payload
-				localStorage.setItem('theme', state.theme)
-				return
-			}
-			state.theme = state.theme === 'dark' ? 'light' : 'dark'
-			localStorage.setItem('theme', state.theme)
+			state.theme = 'dark'
 		},
 	},
 })
@@ -4,12 +4,10 @@ import { change } from '#/entities/theme'
 import { useAppDispatch, useAppSelector } from '#/app/store/store'
 
 export const useTheme = () => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	const dispatch = useAppDispatch()
 
 	React.useEffect(() => {
-		dispatch(change(localStorage.getItem('theme') || 'light'))
-		document.documentElement.dataset.theme = theme
-	}, [theme])
+		dispatch(change('dark'))
+		document.documentElement.dataset.theme = 'dark'
+	}, [dispatch])
 }
@@ -5,8 +5,7 @@ import { Dayjs } from 'dayjs'
 import { useRouter } from 'next/navigation'
 import { useSession } from 'next-auth/react'
 
-import { useAppSelector } from '#/app/store/store'
-import { ButtonGray, ButtonUI, Error, InputStyleDark, InputStyleLight, Loader, Modal } from '#/shared'
+import { ButtonGray, ButtonUI, Error, InputStyleDark, Loader, Modal } from '#/shared'
 import { accountApi } from '#/shared/api/account-endpoints'
 import { API_URL } from '#/shared/lib/constants'
 import { DateInput } from '#/shared/ui/date-input/date-input'
@@ -26,7 +25,6 @@ export const ApiKeyModal = ({
 }) => {
 	const [endDate, setEndDate] = useState<string | Dayjs>()
 	const [title, setTitle] = useState<string>('')
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	const [isLoading, setIsLoading] = useState(false)
 
@@ -75,7 +73,7 @@ export const ApiKeyModal = ({
 							placeholder={'Введите название ключа'}
 							onChange={(e) => setTitle(e.target.value)}
 							fullWidth
-							sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+						sx={{ ...InputStyleDark }}
 						/>
 
 						<Typography sx={{ marginBottom: '10px' }} className={styles.hint}>
@@ -8,8 +8,7 @@ import { addBusinessGroup } from '#/features/business-group/api/add-business-gro
 import { ResponseGetBusinessGroups } from '#/features/business-group/model/types'
 import { invitePerson } from '#/features/invite-person-in-business/api/invite-person'
 import { IEmailForms } from '#/features/register-by-email/model/types'
-import { useAppSelector } from '#/app/store/store'
-import { ButtonGray, ButtonUI, InputStyleDark, InputStyleLight, Loader, Modal, ModalProps } from '#/shared'
+import { ButtonGray, ButtonUI, InputStyleDark, Loader, Modal, ModalProps } from '#/shared'
 
 import styles from './add-business-group.module.scss'
 import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
@@ -28,7 +27,6 @@ export const AddBusinessGroup: FC<InviteModalProps> = ({ open, onClose, company_
 	const [isLoading, setIsLoading] = useState(false)
 	const [limit, setLimit] = useState<string>('0')
 	const [title, setTitle] = useState<string>('')
-	const theme = useAppSelector((state) => state.theme.theme)
 	const { showMessage } = useShowDataStore()
 	const { data: session } = useSession()
 
@@ -78,7 +76,7 @@ export const AddBusinessGroup: FC<InviteModalProps> = ({ open, onClose, company_
 							placeholder={'Введите название бизнес-группы'}
 							onChange={(e) => setTitle(e.target.value)}
 							fullWidth
-							sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+							sx={{ ...InputStyleDark }}
 						/>
 					</Box>
 
@@ -91,7 +89,7 @@ export const AddBusinessGroup: FC<InviteModalProps> = ({ open, onClose, company_
 							type='text'
 							onChange={(e) => setLimit(e.target.value)}
 							fullWidth
-							sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+							sx={{ ...InputStyleDark }}
 						/>
 					</Box>
 
@@ -13,8 +13,7 @@ import { InviteRoles, inviteRoles, InviteRolesEn, RoleSelect } from '#/features/
 import { ResponseGetBusinessGroups } from '#/features/business-group/model/types'
 import { ResponseGetPersons } from '#/features/invite-person-in-business'
 import { IEmailForms } from '#/features/register-by-email/model/types'
-import { useAppSelector } from '#/app/store/store'
-import { ButtonGray, ButtonUI, Error, InputStyleDark, InputStyleLight, Loader, Modal, ModalProps } from '#/shared'
+import { ButtonGray, ButtonUI, Error, InputStyleDark, Loader, Modal, ModalProps } from '#/shared'
 import { API_URL } from '#/shared/lib/constants'
 
 import styles from './add-business-group.module.scss'
@@ -37,7 +36,6 @@ export const ChangeBusinessGroup: FC<InviteModalProps> = ({ open, onClose, compa
 	const [title, setTitle] = useState<string>('0')
 	const [accounts, setAccounts] = useState<ResponseGetPersons[] | null>()
 	const [addUsers, setAddUsers] = useState<ResponseGetPersons[] | null>()
-	const theme = useAppSelector((state) => state.theme.theme)
 	const { showMessage } = useShowDataStore()
 	const { data: session } = useSession()
 
@@ -126,7 +124,7 @@ export const ChangeBusinessGroup: FC<InviteModalProps> = ({ open, onClose, compa
 						placeholder={'Введите название бизнес-группы'}
 						onChange={(e) => setTitle(e.target.value)}
 						fullWidth
-						sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+						sx={{ ...InputStyleDark }}
 					/>
 				</Box>
 
@@ -139,7 +137,7 @@ export const ChangeBusinessGroup: FC<InviteModalProps> = ({ open, onClose, compa
 						type='text'
 						onChange={(e) => setLimit(e.target.value)}
 						fullWidth
-						sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+						sx={{ ...InputStyleDark }}
 					/>
 				</Box>
 
@@ -5,7 +5,6 @@ import Image from 'next/image'
 
 import { useCalculating } from '#/features/calculation-tokens-gpt/model/use-calculating'
 import TooltipCalculating from '#/features/calculation-tokens-gpt/ui/tooltip-calculating'
-import { useAppSelector } from '#/app/store/store'
 import { baseColor } from '#/shared/lib/constants/colors'
 import { ImessageContext } from '#/shared/lib/types/types-gpt'
 import { TypeModelGPT } from '#/widgets/filters-gpt/lib/constants'
@@ -24,8 +23,6 @@ export const Calculation: React.FC<ICalculationTokenProps> = memo(
 	({ prompt, gptType, context, isAdditional, count, quality, model }) => {
 		const price = useCalculating(model, count, quality, prompt, gptType, isAdditional, context)
 
-		const theme = useAppSelector((state) => state.theme.theme)
-
 		return (
 			<Tooltip
 				placement='top'
@@ -44,10 +41,10 @@ export const Calculation: React.FC<ICalculationTokenProps> = memo(
 									marginRight: '24px',
 								},
 							},
-							bgcolor: theme === 'light' ? 'white' : '#4B4B4B',
+							bgcolor: '#4B4B4B',
 							borderRadius: '10px',
 							'& .MuiTooltip-arrow': {
-								color: theme === 'light' ? 'white' : '#4B4B4B',
+								color: '#4B4B4B',
 							},
 							boxShadow: '0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 32px rgba(0, 0, 0, 0.16)',
 						},
@@ -3,17 +3,14 @@ import { Box } from '@mui/material'
 import Typography from '@mui/material/Typography'
 
 import { textTooltipCalculating } from '#/features/calculation-tokens-gpt/lib/constants'
-import { useAppSelector } from '#/app/store/store'
 
 const TooltipCalculating = ({ model = 'dalle' }: { model?: 'gpt' | 'dalle' | 'sd' }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<Box p={1}>
 			<Typography
 				sx={{
 					fontSize: '14px',
-					color: theme === 'light' ? '#666666' : '#CFCFCF',
+					color: '#CFCFCF',
 				}}
 			>
 				{textTooltipCalculating}
@@ -3,8 +3,7 @@ import { Box, TextField, Typography } from '@mui/material'
 import { useSession } from 'next-auth/react'
 
 import { ResponseGetPersons } from '#/features/invite-person-in-business'
-import { useAppSelector } from '#/app/store/store'
-import { ButtonUI, InputStyleDark, InputStyleLight, Modal, Select } from '#/shared'
+import { ButtonUI, InputStyleDark, Modal, Select } from '#/shared'
 import styles from '#/widgets/business-models/ui/models-list/models-list.module.scss'
 import styles2 from '#/widgets/business-persons/ui/persons-list/persons-list.module.scss'
 
@@ -30,7 +29,6 @@ export const LimitModal: React.FC<LimitModalProps> = ({
 	addList,
 	listType,
 }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
 	const [limit, setLimit] = useState(person?.token_limit ? Math.floor(+person.token_limit).toString() : '0')
 	const [role, setRole] = useState<InviteRoles>('Сотрудник')
 	const { data } = useSession()
@@ -91,7 +89,7 @@ export const LimitModal: React.FC<LimitModalProps> = ({
 					type='text'
 					onChange={(e) => setLimit(e.target.value)}
 					fullWidth
-					sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+					sx={{ ...InputStyleDark }}
 				/>
 			</Box>
 			<Box className={styles.wrap}>
@@ -1,8 +1,6 @@
 import React, { ReactNode } from 'react'
 import { Menu, MenuItem } from '@mui/material'
 
-import { useAppSelector } from '#/app/store/store'
-
 interface IProps {
 	children: ReactNode
 	clicked: boolean
@@ -12,8 +10,6 @@ interface IProps {
 }
 
 export const ContextMenu = ({ children, pointX, pointY, clicked, handleClose }: IProps) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<Menu
 			sx={{
@@ -21,7 +17,7 @@ export const ContextMenu = ({ children, pointX, pointY, clicked, handleClose }:
 				'& .MuiPopover-paper': {
 					borderRadius: '20px',
 					width: 'fit-content',
-					backgroundColor: theme === 'dark' ? '#1d1d1e' : 'white',
+					backgroundColor: '#1d1d1e',
 				},
 			}}
 			autoFocus={false}
@@ -120,23 +120,21 @@
 	}
 }
 
-html[data-theme='dark'] {
-	.textarea {
-		&__file {
-			background: rgba(255, 255, 255, 0.06);
-			border: 1px solid rgba(255, 255, 255, 0.14);
-		}
+.textarea {
+	&__file {
+		background: rgba(255, 255, 255, 0.06);
+		border: 1px solid rgba(255, 255, 255, 0.14);
+	}
 
-		&__fileName {
-			color: #f5f5f7;
-		}
+	&__fileName {
+		color: #f5f5f7;
+	}
 
-		&__fileSize {
-			color: rgba(245, 245, 247, 0.7);
-		}
+	&__fileSize {
+		color: rgba(245, 245, 247, 0.7);
+	}
 
-		&__fileInfo svg {
-			color: rgba(245, 245, 247, 0.85);
-		}
+	&__fileInfo svg {
+		color: rgba(245, 245, 247, 0.85);
 	}
 }
@@ -1,28 +1,19 @@
-import React, { useEffect } from 'react'
+import React from 'react'
 import { KeyboardArrowLeft, KeyboardArrowRight } from '@mui/icons-material'
 import { Box, Button, MobileStepper, Table, TableBody, TableCell, TableHead, TableRow, Typography } from '@mui/material'
 import CircularProgress from '@mui/material/CircularProgress'
 
-import { change } from '#/entities/theme'
 import { TranslateFields } from '#/features/get-admin-stats/lib/constants'
-import { useAppDispatch } from '#/app/store/store'
-import { TypographyDark, TypographyLight } from '#/shared/lib/constants/styles'
+import { TypographyDark } from '#/shared/lib/constants/styles'
 
 import { IStatsProps } from '../model/types'
 import { useGetStats } from '../model/use-get-stats/use-get-stats'
 
-export const Stats: React.FC<IStatsProps> = ({ token, device, product, group_by, start_date, end_date, theme }) => {
+export const Stats: React.FC<IStatsProps> = ({ token, device, product, group_by, start_date, end_date }) => {
 	const [stats, loading] = useGetStats(token, start_date, end_date, group_by, product)
 
 	const [activeStep, setActiveStep] = React.useState(0)
-
-	const light = theme === 'light'
-
-	const dispatch = useAppDispatch()
-
-	useEffect(() => {
-		dispatch(change('light'))
-	}, [])
+	const light = false
 
 	return (
 		<Box>
@@ -69,7 +60,7 @@ export const Stats: React.FC<IStatsProps> = ({ token, device, product, group_by,
 					) : (
 						<>
 							{stats !== undefined && Object.keys(stats).length === 0 ? (
-								<Typography sx={light ? { ...TypographyLight } : { ...TypographyDark }}>
+								<Typography sx={{ ...TypographyDark }}>
 									Данные отсутствуют
 								</Typography>
 							) : (
@@ -4,7 +4,6 @@ import { SubmitErrorHandler } from 'react-hook-form/dist/types/form'
 import { Box, TextField, Typography } from '@mui/material'
 import { useSession } from 'next-auth/react'
 
-import { useAppSelector } from '#/app/store/store'
 import { invitePerson } from '#/features/invite-person-in-business/api/invite-person'
 import { IEmailForms } from '#/features/register-by-email/model/types'
 import {
@@ -12,7 +11,6 @@ import {
 	ButtonUI,
 	emailOptions,
 	InputStyleDark,
-	InputStyleLight,
 	Loader,
 	Modal,
 	ModalProps,
@@ -71,8 +69,6 @@ export const InviteModal: FC<InviteModalProps> = ({ open, onClose, showNewPerson
 		setValue('email', emailWithoutSpaces)
 	}
 
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	useEffect(() => {
 		if (open) {
 			getBusinessGroups(session?.access).then((res) => setBusinessGroups(res ? res : null))
@@ -105,7 +101,7 @@ export const InviteModal: FC<InviteModalProps> = ({ open, onClose, showNewPerson
 					<Typography className={styles.hint}>Укажите адрес электронной почты</Typography>
 					<TextField
 						fullWidth
-						sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+						sx={{ ...InputStyleDark }}
 						{...register('email', emailOptions)}
 						onChange={(e) => {
 							handleEmailChange(e)
@@ -110,17 +110,3 @@
 	}
 }
 
-html[data-theme='light'] {
-	.template__content {
-		background-color: var(--new-ui-main-color);
-		border-radius: 20px;
-		position: relative;
-		overflow: hidden;
-		height: fit-content;
-		transition: all 0.5s ease-in-out;
-
-		&_secondary {
-			background-color: white;
-		}
-	}
-}
@@ -5,24 +5,7 @@
 	width: 100%;
 	border-radius: 15px;
 	gap: 10px;
-}
-
-:root[data-theme='light'] {
-	.wrapper {
-		border: 2px solid #e1e1e1;
-	}
-	.divider {
-		background-color: #ebeff5;
-	}
-}
-
-:root[data-theme='dark'] {
-	.wrapper {
-		border: 2px solid rgb(66, 66, 72) !important;
-	}
-	.divider {
-		background-color: #40404e;
-	}
+	border: 2px solid rgb(66, 66, 72) !important;
 }
 
 .area {
@@ -60,4 +43,5 @@
 	height: 20px;
 	width: 1px;
 	margin: 0px 8px;
+	background-color: #40404e;
 }
@@ -8,7 +8,6 @@ import classes from './model-input.module.scss'
 
 import { LoadImage } from '#/app/components/input_components/load_image'
 import { SendBtn } from '#/app/components/input_components/send_button'
-import { useAppSelector } from '#/app/store/store'
 import { IModelInputs } from '#/shared/api/models/models'
 import { useThemeAndDevice } from '#/shared/lib/hooks'
 import { styleInputWithoutBorderFocus } from '#/shared/ui/input'
@@ -55,7 +54,6 @@ export const ModelInput: FC<Input & TextFieldProps> = ({
 	value: externalValue,
 	onValueChange: externalOnChange,
 }: Input) => {
-	const theme = useAppSelector((state) => state.theme.theme)
 	const [disabled, setDisabled] = React.useState<boolean>(true)
 	const [required, setRequired] = React.useState<(string | null)[]>([])
 	const [types, setTypes] = React.useState<string[]>([])
@@ -96,12 +94,7 @@ export const ModelInput: FC<Input & TextFieldProps> = ({
 		<div
 			className={classes.wrapper}
 			style={{
-				backgroundColor:
-					theme === 'light'
-						? 'white'
-						: styles === 'images'
-						? '#151518'
-						: 'transparent',
+				backgroundColor: styles === 'images' ? '#151518' : 'transparent',
 			}}
 		>
 			{!desktop && (
@@ -43,7 +43,6 @@ export const CompanyAutocomplete: React.FC<CompanyAutocompleteProps> = ({
 	onOpen,
 	onClose,
 }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
 	const suggestedCompany = useAppSelector((state) => state.stepper.company)
 	const dispatch = useAppDispatch()
 
@@ -104,7 +103,7 @@ export const CompanyAutocomplete: React.FC<CompanyAutocompleteProps> = ({
 			className={className}
 			sx={{
 				'& .MuiAutocomplete-clearIndicator': {
-					color: theme === 'light' ? 'black' : 'white',
+					color: 'white',
 				},
 				...sx, // Кастомные стили переопределяют дефолтные
 			}}
@@ -116,17 +115,13 @@ export const CompanyAutocomplete: React.FC<CompanyAutocompleteProps> = ({
 					helperText={error?.message}
 					fullWidth
 					sx={{
-						...(theme === 'light'
-							? { ...InputStyleLight }
-							: {
-									...InputStyleDark,
-									'& .MuiInputBase-input': {
-										color: 'white',
-									},
-									'& .MuiInputLabel-root': {
-										color: 'rgba(255,255,255,0.7)',
-									},
-							  }),
+						...InputStyleDark,
+						'& .MuiInputBase-input': {
+							color: 'white',
+						},
+						'& .MuiInputLabel-root': {
+							color: 'rgba(255,255,255,0.7)',
+						},
 						...textFieldSx, // Кастомные стили для TextField
 					}}
 					{...methods.register(fieldName, validationRules)}
@@ -165,22 +160,22 @@ export const CompanyAutocomplete: React.FC<CompanyAutocompleteProps> = ({
 			componentsProps={{
 				paper: {
 					sx: {
-						backgroundColor: theme === 'light' ? '#ffffff' : '#333',
-						color: theme === 'light' ? '#000000' : 'white',
+						backgroundColor: '#333',
+						color: 'white',
 						'& .MuiAutocomplete-listbox': {
 							maxHeight: '300px',
 							overflow: 'auto',
 						},
 						'& .MuiAutocomplete-option': {
-							whiteSpace: 'normal', 
-							wordBreak: 'break-word', 
+							whiteSpace: 'normal',
+							wordBreak: 'break-word',
 							overflowWrap: 'anywhere',
 							hyphens: 'auto',
 							'&:hover': {
-								backgroundColor: theme === 'light' ? '#f5f5f5' : '#444',
+								backgroundColor: '#444',
 							},
 							'&[aria-selected="true"]': {
-								backgroundColor: theme === 'light' ? '#e0e0e0' : '#555',
+								backgroundColor: '#555',
 							},
 						},
 						...paperSx, // Кастомные стили для Paper
@@ -1,9 +1,7 @@
-import { InputStyleDark, InputStyleLight } from '#/shared'
+import { InputStyleDark } from '#/shared'
 
-type StepperTheme = 'light' | 'dark'
-
-export const getStepperInputStyles = (theme: StepperTheme, hasError: boolean) => {
-	const palette = theme === 'light' ? InputStyleLight : InputStyleDark
+export const getStepperInputStyles = (hasError: boolean) => {
+	const palette = InputStyleDark
 	const inputBg = palette.backgroundColor ?? 'transparent'
 
 	return {
@@ -17,11 +15,7 @@ export const getStepperInputStyles = (theme: StepperTheme, hasError: boolean) =>
 		},
 		'& .MuiOutlinedInput-notchedOutline': { borderWidth: 2 },
 		'&.Mui-error .MuiOutlinedInput-notchedOutline': {
-			borderColor: hasError
-				? theme === 'light'
-					? '#ff76a7'
-					: '#ff2372'
-				: 'inherit',
+			borderColor: hasError ? '#ff2372' : 'inherit',
 		},
 	}
 }
@@ -21,7 +21,6 @@ type ContactFormValues = {
 
 export const StepContact: React.FC = () => {
 	const dispatch = useAppDispatch()
-	const theme = useAppSelector((state) => state.theme.theme)
 	const { showMessage } = useShowDataStore()
 	const { phone, email, name, job_title } = useAppSelector((state) => state.stepper.dataForCreate)
 	const { data: session } = useSession()
@@ -68,7 +67,7 @@ export const StepContact: React.FC = () => {
 						<Typography>Как вам обращаться?</Typography>
 						<TextField
 							fullWidth
-							sx={getStepperInputStyles(theme, !!errors.name)}
+							sx={getStepperInputStyles(!!errors.name)}
 							error={!!errors.name}
 							helperText={errors.name?.message}
 							{...register('name', contactNameRules)}
@@ -79,7 +78,7 @@ export const StepContact: React.FC = () => {
 						<Typography>Ваша должность</Typography>
 						<TextField
 							fullWidth
-							sx={getStepperInputStyles(theme, !!errors.job_title)}
+							sx={getStepperInputStyles(!!errors.job_title)}
 							error={!!errors.job_title}
 							helperText={errors.job_title?.message}
 							{...register('job_title', contactPositionRules)}
@@ -90,7 +89,7 @@ export const StepContact: React.FC = () => {
 						<Typography>Ваш email</Typography>
 						<TextField
 							fullWidth
-							sx={getStepperInputStyles(theme, !!errors.email)}
+							sx={getStepperInputStyles(!!errors.email)}
 							error={!!errors.email}
 							helperText={errors.email?.message}
 							{...register('email', contactEmailRules)}
@@ -101,7 +100,7 @@ export const StepContact: React.FC = () => {
 						<Typography>Ваш телефон</Typography>
 						<TextField
 							fullWidth
-							sx={getStepperInputStyles(theme, !!errors.phone)}
+							sx={getStepperInputStyles(!!errors.phone)}
 							error={!!errors.phone}
 							helperText={errors.phone?.message}
 							{...register('phone', contactPhoneRules)}
@@ -16,12 +16,12 @@ import { setFieldActivity, setFrequency, setNumberStuff, switchNextStep } from '
 
 import styles from './step-information.module.scss'
 
-const getSelectStyles = (theme: 'light' | 'dark', hasError: boolean) => ({
+const getSelectStyles = (hasError: boolean) => ({
 	boxShadow: 'none',
 	borderRadius: '13px',
-	backgroundColor: theme === 'light' ? 'transparent' : '#4B4B4B',
-	border: hasError ? `2px solid ${theme === 'light' ? '#ff76a7' : '#ff2372'}` : theme === 'light' ? '1px solid transparent' : '2px solid #40404E',
-	color: theme === 'light' ? '#373737' : '#A6A5A5',
+	backgroundColor: '#4B4B4B',
+	border: hasError ? `2px solid #ff2372` : '2px solid #40404E',
+	color: '#A6A5A5',
 	'.MuiSelect-icon': {
 		color: '#A6A5A5',
 	},
@@ -29,14 +29,13 @@ const getSelectStyles = (theme: 'light' | 'dark', hasError: boolean) => ({
 		border: 0,
 	},
 	'&.Mui-focused': {
-		borderColor: theme === 'light' ? '#7F7DF3' : '#4B4BFF',
+		borderColor: '#4B4BFF',
 	},
 })
 
 export const StepInformation = () => {
 	const dispatch = useAppDispatch()
 	const { frequency, fieldActivity, numberStuff } = useAppSelector((state) => state.stepper.dataForCreate)
-	const theme = useAppSelector((state) => state.theme.theme)
 	const { showMessage } = useShowDataStore()
 	const router = useRouter()
 
@@ -96,7 +95,7 @@ export const StepInformation = () => {
 										dispatch(setFieldActivity(event.target.value as FieldActivity))
 									}}
 									list={selectOptions.fieldActivity}
-									sx={getSelectStyles(theme, !!errors.fieldActivity)}
+									sx={getSelectStyles(!!errors.fieldActivity)}
 								/>
 							)}
 						/>
@@ -118,7 +117,7 @@ export const StepInformation = () => {
 										dispatch(setFrequency(event.target.value as Frequency))
 									}}
 									list={selectOptions.frequency}
-									sx={getSelectStyles(theme, !!errors.frequency)}
+									sx={getSelectStyles(!!errors.frequency)}
 								/>
 							)}
 						/>
@@ -129,7 +128,7 @@ export const StepInformation = () => {
 						<Typography>Сколько вы планируете подключить сотрудников?</Typography>
 						<TextField
 							fullWidth
-							sx={getStepperInputStyles(theme, !!errors.numberStuff)}
+							sx={getStepperInputStyles(!!errors.numberStuff)}
 							error={!!errors.numberStuff}
 							helperText={errors.numberStuff?.message}
 							FormHelperTextProps={{ className: styles.helperText }}
@@ -18,7 +18,6 @@ import { setCompanyName, setInn, setOgrn, switchNextStep } from '../../model/ste
 
 export const StepLegalInformative = () => {
 	const dispatch = useAppDispatch()
-	const theme = useAppSelector((state) => state.theme.theme)
 	const { companyName, ogrn, inn } = useAppSelector((state) => state.stepper.dataForCreate)
 
 	const { showMessage } = useShowDataStore()
@@ -59,7 +58,7 @@ export const StepLegalInformative = () => {
 	const ogrnRules = useMemo(() => rulesData.ogrn, [rulesData])
 
 	const autoCompleteSx = {
-		...getStepperInputStyles(theme, !!errors.companyName),
+		...getStepperInputStyles(!!errors.companyName),
 		'.MuiAutocomplete-inputRoot': {
 		  padding: '0 !important',
 		},
@@ -101,7 +100,7 @@ export const StepLegalInformative = () => {
 						<Typography>ИНН</Typography>
 						<TextField
 							fullWidth
-							sx={getStepperInputStyles(theme, !!errors.inn)}
+							sx={getStepperInputStyles(!!errors.inn)}
 							error={!!errors.inn}
 							helperText={errors.inn?.message}
 							{...register('inn', innRules)}
@@ -112,7 +111,7 @@ export const StepLegalInformative = () => {
 						<Typography>{isIP ? 'ОГРНИП' : 'ОГРН'}</Typography>
 						<TextField
 							fullWidth
-							sx={getStepperInputStyles(theme, !!errors.ogrn)}
+							sx={getStepperInputStyles(!!errors.ogrn)}
 							error={!!errors.ogrn}
 							helperText={errors.ogrn?.message}
 							{...register('ogrn', ogrnRules)}
@@ -10,13 +10,12 @@ import axios from 'axios'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 
-import { useAppSelector } from '#/app/store/store'
 import ClosedEyeSvg from '#/assets/svg/closed-eye.svg?react'
 import OpenedEyeSvg from '#/assets/svg/opened-eye.svg?react'
 import { PasswordOptions } from '#/features/register-by-email/lib/constants'
 import { IEmailForms } from '#/features/register-by-email/model/types'
 import { emailOptions } from '#/shared'
-import { InputStyleDark, InputStyleLight } from '#/shared'
+import { InputStyleDark } from '#/shared'
 import { API_URL } from '#/shared/lib/constants/constants'
 import { useThemeAndDevice } from '#/shared/lib/hooks'
 import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
@@ -28,7 +27,7 @@ interface IRegisterEmailFormProps {
 export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLogin }) => {
 	const { register, handleSubmit, reset, watch } = useForm()
 
-	const { theme, desktop } = useThemeAndDevice()
+	const { desktop } = useThemeAndDevice()
 
 	const { showMessage } = useShowDataStore()
 
@@ -98,7 +97,7 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 			<Typography
 				variant='body2'
 				sx={{
-					color: theme === 'light' ? '#181C32' : '#A6A5A5',
+					color: '#A6A5A5',
 					lineHeight: '19.6px',
 					fontSize: '14px',
 					fontWeight: '550',
@@ -111,7 +110,7 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 			</Typography>
 			<TextField
 				fullWidth
-				sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+				sx={{ ...InputStyleDark }}
 				{...register('email', emailOptions)}
 				onChange={handleInputChangeTrim}
 			/>
@@ -119,7 +118,7 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 			<Typography
 				variant='body2'
 				sx={{
-					color: theme === 'light' ? '#181C32' : '#A6A5A5',
+					color: '#A6A5A5',
 					lineHeight: '19.6px',
 					fontSize: '14px',
 					fontWeight: '550',
@@ -154,7 +153,7 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 						</InputAdornment>
 					),
 				}}
-				sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+				sx={{ ...InputStyleDark }}
 				{...register('password1', {
 					...PasswordOptions,
 				})}
@@ -163,7 +162,7 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 			<Typography
 				variant='body2'
 				sx={{
-					color: theme === 'light' ? '#181C32' : '#A6A5A5',
+					color: '#A6A5A5',
 					lineHeight: '19.6px',
 					fontSize: '14px',
 					fontWeight: '550',
@@ -178,7 +177,7 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 			<TextField
 				type={passwordShowed ? 'text' : 'password'}
 				fullWidth
-				sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+				sx={{ ...InputStyleDark }}
 				{...register('password2', {
 					...PasswordOptions,
 					validate: (val: string) => {
@@ -1,7 +1,6 @@
 import React from 'react'
 import { Box, Typography } from '@mui/material'
 
-import { useThemeAndDevice } from '#/shared/lib/hooks'
 
 interface ISuggestedMessage {
 	title: string
@@ -9,15 +8,13 @@ interface ISuggestedMessage {
 }
 
 const SuggestedMessage: React.FC<ISuggestedMessage> = ({ title, sendMessage }) => {
-	const { theme } = useThemeAndDevice()
-
 	return (
 		<Box
 			onClick={() => sendMessage!(title)}
 			sx={{
 				boxShadow: '0px 0px 20px rgba(0, 0, 0, 0.05)',
 				padding: '10px 14px',
-				backgroundColor: theme === 'light' ? 'white' : '#3D3D3D',
+				backgroundColor: '#3D3D3D',
 				borderRadius: '8px',
 				color: '#7F7DF3',
 				marginTop: 1.5,
@@ -3,7 +3,6 @@ import { Box, Stack, Typography } from '@mui/material'
 
 import { suggestedMessagesList } from '#/features/send-suggested-message/lib/constants'
 import SuggestedMessage from '#/features/send-suggested-message/ui/suggested-message'
-import { useThemeAndDevice } from '#/shared/lib/hooks'
 
 interface IProps {
 	device: 'mobile' | 'desktop'
@@ -11,7 +10,7 @@ interface IProps {
 }
 
 export const SuggestedMessages: React.FC<IProps> = ({ device, sendMessage }) => {
-	const { theme, desktop } = useThemeAndDevice(device)
+	const desktop = device === 'desktop'
 
 	return (
 		<Box
@@ -19,7 +18,7 @@ export const SuggestedMessages: React.FC<IProps> = ({ device, sendMessage }) =>
 				margin: '50px auto',
 				width: desktop ? '30%' : '90%',
 				textAlign: 'center',
-				color: theme === 'light' ? '#5E5E5E' : '#A6A5A5',
+				color: '#A6A5A5',
 			}}
 		>
 			<Typography sx={{ fontSize: '16px' }}> Не знаете с чего начать?</Typography>
@@ -1,7 +1,6 @@
 import React from 'react'
 import { Box, Tooltip, Typography } from '@mui/material'
 
-import { useAppSelector } from '#/app/store/store'
 import { baseColor } from '#/shared/lib/constants/colors'
 
 interface ITooltipMy {
@@ -13,13 +12,11 @@ interface ITooltiptext {
 	begin: () => void
 }
 const TooltipText: React.FC<ITooltiptext> = ({ begin }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<Box>
 			<Typography
 				sx={{
-					color: theme === 'light' ? '#5E5E5E' : '#CFCFCF',
+					color: '#CFCFCF',
 					fontSize: '16px',
 				}}
 			>
@@ -27,7 +24,7 @@ const TooltipText: React.FC<ITooltiptext> = ({ begin }) => {
 			</Typography>
 			<Typography
 				sx={{
-					color: theme === 'light' ? '#5E5E5E' : '#A6A5A5',
+					color: '#A6A5A5',
 					fontSize: '15px',
 					marginTop: 1,
 				}}
@@ -49,8 +46,6 @@ const TooltipText: React.FC<ITooltiptext> = ({ begin }) => {
 	)
 }
 const TooltipMy: React.FC<ITooltipMy> = ({ children, begin }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<Tooltip
 			arrow
@@ -70,10 +65,10 @@ const TooltipMy: React.FC<ITooltipMy> = ({ children, begin }) => {
 								marginRight: '24px',
 							},
 						},
-						bgcolor: theme === 'light' ? 'white' : '#2B2828',
+					bgcolor: '#2B2828',
 						borderRadius: '10px',
 						'& .MuiTooltip-arrow': {
-							color: theme === 'light' ? 'white' : '#2B2828',
+						color: '#2B2828',
 						},
 						padding: '15px 20px',
 						boxShadow: '0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 32px rgba(0, 0, 0, 0.16)',
@@ -1,5 +1,3 @@
-import theme from '#/entities/theme/model/theme'
-import { useThemeAndDevice } from '#/shared/lib/hooks'
 import { Button } from '@mui/material'
 import { signIn } from 'next-auth/react'
 import Image from 'next/image'
@@ -8,8 +6,6 @@ import React, { useState } from 'react'
 interface YandexAuthButtonProps {}
 
 export const YandexAuthButton = ({}: YandexAuthButtonProps) => {
-	const { theme } = useThemeAndDevice()
-
 	const [hovered, setHovered] = useState(false)
 
 	return (
@@ -26,8 +22,8 @@ export const YandexAuthButton = ({}: YandexAuthButtonProps) => {
 			}}
 			style={{ opacity: hovered ? 0.7 : 1 }}
 			sx={{
-				backgroundColor: theme === 'dark' ? '#1C1C1E' : '#F1FAFF',
-				color: theme === 'dark' ? 'white' : '#2B2B42',
+				backgroundColor: '#1C1C1E',
+				color: 'white',
 				lineHeight: '20px',
 				fontSize: '16px',
 				fontWeight: '600px',
@@ -38,7 +34,7 @@ export const YandexAuthButton = ({}: YandexAuthButtonProps) => {
 				boxShadow: 'none',
 				height: 50,
 				'&:hover': {
-					backgroundColor: theme === 'dark' ? '#1C1C1E' : '#F1FAFF',
+					backgroundColor: '#1C1C1E',
 					// opacity: 0.7,
 					boxShadow: 'none',
 				},
@@ -1,11 +1,8 @@
-import { useAppSelector } from '#/app/store/store'
 import { DeviceOs } from '../types/entities'
 
 export const useThemeAndDevice = (device?: 'desktop' | 'mobile', deviceOs?: DeviceOs) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	const desktop = device === 'desktop'
 	const ios = deviceOs === 'ios'
 
-	return { theme, desktop, ios }
+	return { theme: 'dark', desktop, ios }
 }
@@ -4,7 +4,6 @@ export type DeviceOs = 'android' | 'ios'
 export interface IProps {
 	device: Device
 	token: string | null | undefined
-	theme?: 'dark' | 'light'
 }
 
 export type TDeviceProp = {
@@ -69,10 +69,3 @@
 		}
 	}
 }
-
-html[data-theme='dark'] {
-	.button_gray {
-		color: white !important;
-		background-color: #5d5a5a !important;
-	}
-}
@@ -136,33 +136,31 @@
 	}
 }
 
-html[data-theme='light'] {
-	.wrapper_outline {
-		border: 2px solid #f2f2f8 !important;
-		&:focus {
-			border: 2px solid var(--background-color-table) !important;
-		}
+.wrapper_outline {
+	border: 2px solid #40404e !important;
+	&:focus {
+		border: 2px solid var(--background-color-table) !important;
 	}
+}
 
-  .wrapper_primary{
-    border-color: #D4D7DB;
+.wrapper_primary {
+	border-color: #40404e;
 
-    &:hover{
-      border-color: var(--air-color);
-    }
-  }
+	&:hover {
+		border-color: var(--air-color);
+	}
+}
 
-  .label_primary{
-    color: #181C32;
-  }
+.label_primary {
+	color: #ffffff;
+}
 
-	.wrapper_error {
-		border-color: #ff76a7 !important;
-		&::placeholder {
-			color: #ff76a7 !important;
-		}
-		&:focus {
-			border: 2px solid #ff76a7 !important;
-		}
+.wrapper_error {
+	border-color: #ff2372 !important;
+	&::placeholder {
+		color: #ff2372 !important;
+	}
+	&:focus {
+		border: 2px solid #ff2372 !important;
 	}
 }
@@ -90,35 +90,19 @@
 	}
 }
 
-// Светлая тема
-html[data-theme='light'] {
-	.header__error {
-		color: #ff76a7;
-	}
-
-	.textarea {
-		&::placeholder {
-			color: rgba(128, 128, 142, 0.4);
-		}
-
-		&_error {
-			&::placeholder {
-				color: #ff76a7 !important;
-				opacity: 0.7;
-			}
-		}
-	}
+.header__error {
+	color: #ff2372;
 }
 
-// Темная тема  
-html[data-theme='dark'] {
-	.header__error {
-		color: #ff2372;
+.textarea {
+	&::placeholder {
+		color: rgba(128, 128, 142, 0.5);
 	}
 
-	.textarea {
+	&_error {
 		&::placeholder {
-			color: rgba(128, 128, 142, 0.5);
+			color: #ff2372 !important;
+			opacity: 0.7;
 		}
 	}
 }
\ No newline at end of file
@@ -4,7 +4,6 @@ import { Raleway } from 'next/font/google'
 
 import styles from './common-textarea.module.scss'
 
-import { useAppSelector } from '#/app/store/store'
 import { c } from '#/shared/lib/helpers'
 
 export type TextAreaVariant = 'default' | 'outline'
@@ -21,22 +20,16 @@ export interface CommonTextAreaProps extends React.TextareaHTMLAttributes<HTMLTe
 
 const inter = Raleway({ subsets: ['latin'] })
 
-// Извлекаем стили из InputStyleLight/Dark для textarea
-const getTextareaStyles = (theme: 'light' | 'dark', error?: FieldError) => {
-	const isLight = theme === 'light'
-	
+// Извлекаем стили для textarea (только тёмная тема)
+const getTextareaStyles = (error?: FieldError) => {
 	return {
 		wrapper: {
-			backgroundColor: isLight ? 'transparent' : '#151518',
+			backgroundColor: '#151518',
 			borderRadius: '15px',
-			border: `2px solid ${
-				error 
-					? (isLight ? '#ff76a7' : '#ff2372')
-					: (isLight ? '#d5d7db' : '#40404E')
-			}`,
+			border: `2px solid ${error ? '#ff2372' : '#40404E'}`,
 		},
 		textarea: {
-			color: isLight ? '#272727' : '#E1E1E1',
+			color: '#E1E1E1',
 			fontWeight: 500,
 		},
 	}
@@ -44,8 +37,7 @@ const getTextareaStyles = (theme: 'light' | 'dark', error?: FieldError) => {
 
 export const CommonTextArea = forwardRef<HTMLTextAreaElement, CommonTextAreaProps>(
 	({ showError = true, buttomSlot, label, error, className, disabled, trim = false, variant = 'default', ...props }, ref) => {
-		const theme = useAppSelector((state) => state.theme.theme)
-		const themeStyles = getTextareaStyles(theme, error)
+		const themeStyles = getTextareaStyles(error)
 
 		const onChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
 			if (props.onChange) {
@@ -3,8 +3,6 @@ import { DateTimePicker, LocalizationProvider } from '@mui/x-date-pickers'
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'
 import dayjs, { Dayjs } from 'dayjs'
 
-import { useAppSelector } from '#/app/store/store'
-
 import styles from './date.module.scss'
 
 export const DateInput = ({
@@ -18,7 +16,6 @@ export const DateInput = ({
 	date?: boolean
 	prevdate?: boolean
 }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	useEffect(() => {
 		if (date) {
@@ -33,13 +30,13 @@ export const DateInput = ({
 		<LocalizationProvider dateAdapter={AdapterDayjs}>
 			<DateTimePicker
 				sx={{
-					backgroundColor: theme === 'light' ? 'white' : '#464646',
-					svg: { color: theme === 'light' ? 'black' : '#7f7df3' },
-					input: { color: theme === 'light' ? 'black' : '#d4d4d4' },
+					backgroundColor: '#464646',
+					svg: { color: '#7f7df3' },
+					input: { color: '#d4d4d4' },
 					borderRadius: '5px',
 					marginTop: '8px',
 					label: {
-						color: theme === 'light' ? 'black' : '#7D7D7D',
+						color: '#7D7D7D',
 					},
 					width: '100%',
 				}}
@@ -88,17 +88,6 @@
 	}
 }
 
-[data-theme='light'] {
-	& .container__content h1 {
-		color: #2b2b42;
-	}
-	& .container__content h2 {
-		color: #2b2b42;
-	}
-	& .footer .accent {
-		background-color: #a4aab533;
-	}
-}
 
 @media screen and (max-width: 950px) {
 	.container {
@@ -7,7 +7,6 @@ import { TextFieldProps } from '@mui/material/TextField/TextField'
 import Image from 'next/image'
 
 import { Calculation } from '#/features/calculation-tokens-gpt'
-import { useAppSelector } from '#/app/store/store'
 import { styleInputWithoutBorderFocus } from '#/shared/ui/input'
 
 interface Input {
@@ -36,7 +35,6 @@ export const InputImagesModels: FC<Input & TextFieldProps> = ({
 	imageLoad,
 	unpinImage,
 }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	const isCalculatePrice = useMemo(() => quality && count && desktop, [])
 
@@ -102,7 +100,7 @@ export const InputImagesModels: FC<Input & TextFieldProps> = ({
 			)
 		}
 
-		const src = `/svg/chatgpt/send_message${theme === 'light' ? '' : '_dark'}.svg`
+		const src = `/svg/chatgpt/send_message_dark.svg`
 
 		return (
 			<Image
@@ -125,14 +123,14 @@ export const InputImagesModels: FC<Input & TextFieldProps> = ({
 				borderRadius: '15px',
 				...styleInputWithoutBorderFocus,
 				'& label': { color: '#8853FA' },
-				backgroundColor: theme === 'light' ? 'white' : '#151518',
+				backgroundColor: '#151518',
 				input: {
-					color: theme === 'light' ? '#272727' : '#E1E1E1',
+					color: '#E1E1E1',
 					marginLeft: 1,
 				},
 				fieldset: {
 					borderRadius: '15px',
-					border: theme === 'light' ? '1px solid #E1E1E1' : 'none',
+					border: 'none',
 				},
 			}}
 			onKeyDown={(e) => {
@@ -3,8 +3,6 @@ import { Box } from '@mui/material'
 import Dialog from '@mui/material/Dialog'
 import Image from 'next/image'
 
-import { useAppSelector } from '#/app/store/store'
-
 import styles from './modal.module.scss'
 export interface ModalProps {
 	open: boolean
@@ -12,8 +10,6 @@ export interface ModalProps {
 	children?: ReactNode
 }
 export const Modal: FC<ModalProps> = ({ open, onClose, children }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<Dialog
 			className={styles.modal}
@@ -25,7 +21,7 @@ export const Modal: FC<ModalProps> = ({ open, onClose, children }) => {
 			PaperProps={{
 				style: {
 					borderRadius: 20,
-					backgroundColor: theme === 'dark' ? '#373737' : 'white',
+					backgroundColor: '#373737',
 				},
 			}}
 			open={open}
@@ -2,8 +2,7 @@ import React from 'react'
 import { Typography } from '@mui/material'
 import Box from '@mui/material/Box'
 
-import { useAppSelector } from '#/app/store/store'
-import { PrettoSlider, PrettoSliderDark } from '#/widgets/filters-gpt/ui/filters'
+import { PrettoSliderDark } from '#/widgets/filters-gpt/ui/filters'
 
 export const Slider = ({
 	value,
@@ -22,8 +21,6 @@ export const Slider = ({
 	step: number
 	onChangeCommitted?: () => void
 }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<Box sx={{ marginTop: 0.5 }}>
 			<Box sx={{ display: 'flex', justifyContent: 'space-between' }}>
@@ -42,29 +39,16 @@ export const Slider = ({
 			</Box>
 
 			<Box sx={{ marginLeft: 0 }}>
-				{theme === 'light' ? (
-					<PrettoSlider
-						onChangeCommitted={onChangeCommitted}
-						style={{ width: '100%' }}
-						value={value}
-						onChange={onChange}
-						max={max}
-						min={min}
-						step={step}
-						aria-label='pretto slider'
-					/>
-				) : (
-					<PrettoSliderDark
-						onChangeCommitted={onChangeCommitted}
-						style={{ width: '100%' }}
-						value={value}
-						onChange={onChange}
-						max={max}
-						min={min}
-						step={step}
-						aria-label='pretto slider'
-					/>
-				)}
+				<PrettoSliderDark
+					onChangeCommitted={onChangeCommitted}
+					style={{ width: '100%' }}
+					value={value}
+					onChange={onChange}
+					max={max}
+					min={min}
+					step={step}
+					aria-label='pretto slider'
+				/>
 			</Box>
 		</Box>
 	)
@@ -2,7 +2,6 @@ import React from 'react'
 import { styled } from '@mui/material'
 import Switch, { SwitchProps } from '@mui/material/Switch'
 
-import { useAppSelector } from '#/app/store/store'
 import { baseColor } from '#/shared/lib/constants/colors'
 import { pingFangFont } from '#/shared/lib/constants/font/font'
 
@@ -26,7 +25,7 @@ const AntSwitch = styled(Switch)(({ theme }) => ({
 			color: 'white',
 			'& + .MuiSwitch-track': {
 				opacity: 1,
-				backgroundColor: theme.palette.mode === 'dark' ? '#177ddc' : baseColor,
+				backgroundColor: '#177ddc',
 			},
 		},
 	},
@@ -42,20 +41,18 @@ const AntSwitch = styled(Switch)(({ theme }) => ({
 	'& .MuiSwitch-track': {
 		borderRadius: 16 / 2,
 		opacity: 1,
-		backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,.35)' : '#D4D4D4',
+		backgroundColor: 'rgba(255,255,255,.35)',
 		boxSizing: 'border-box',
 	},
 }))
 export const SwitchCustom = (props: any) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<AntSwitch
 			sx={{
 				'& .MuiSwitch-track': {
 					borderRadius: 16 / 2,
 					opacity: 1,
-					backgroundColor: theme !== 'dark' ? '#E6E6E6' : '#40404E',
+					backgroundColor: '#40404E',
 					boxSizing: 'border-box',
 				},
 			}}
@@ -1,8 +1,6 @@
 import React from 'react'
 import { Tooltip } from '@mui/material'
 
-import { useAppSelector } from '#/app/store/store'
-
 interface Props {
 	title?: string
 	children: React.ReactNode
@@ -23,8 +21,6 @@ interface Props {
 		| 'top'
 }
 export const TooltipCustom: React.FC<Props> = ({ children, title, placement, className, maxWidth }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<Tooltip
 			onClick={(e) => e.stopPropagation()}
@@ -36,14 +32,14 @@ export const TooltipCustom: React.FC<Props> = ({ children, title, placement, cla
 			componentsProps={{
 				tooltip: {
 					sx: {
-						bgcolor: theme === 'light' ? '#E8E8FA' : '#4B4B4B',
+						bgcolor: '#4B4B4B',
 						color: '#7F7DF3',
 						fontSize: 15,
 						borderRadius: '10px',
 						maxWidth: maxWidth || 'auto',
 						padding: '10px 13px',
 						'& .MuiTooltip-arrow': {
-							color: theme === 'light' ? '#E8E8FA' : '#4B4B4B',
+							color: '#4B4B4B',
 						},
 						boxShadow: '0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 32px rgba(0, 0, 0, 0.16)',
 					},
@@ -19,8 +19,6 @@ export const AccountMenu: React.FC<IAccountMenu> = ({ anchorEl, changeVisible, d
 
 	const open = Boolean(anchorEl)
 
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	const desktop = device === 'desktop'
 
 	const email = useAppSelector((state) => state.user.email)
@@ -42,7 +40,7 @@ export const AccountMenu: React.FC<IAccountMenu> = ({ anchorEl, changeVisible, d
 					filter: 'drop-shadow(10px 10px 10px rgba(0,0,0,0.3))',
 					width: desktop ? 'auto' : '100vw',
 					zIndex: 10,
-					backgroundColor: theme === 'light' ? 'white' : '#2C2C2C',
+					backgroundColor: '#2C2C2C',
 				},
 			}}
 			MenuListProps={{ 'aria-labelledby': 'basic-button' }}
@@ -6,7 +6,6 @@ import FormGroup from '@mui/material/FormGroup'
 import Menu from '@mui/material/Menu'
 import MenuItem from '@mui/material/MenuItem'
 
-import { useAppSelector } from '#/app/store/store'
 
 interface IDalleFilterMenu {
 	anchorEl: null | HTMLElement
@@ -27,8 +26,6 @@ export const DalleFilterMenu: React.FC<IDalleFilterMenu> = ({
 	sliderChange,
 	open,
 }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<Menu
 			id='dalle-filter-menu'
@@ -38,7 +35,7 @@ export const DalleFilterMenu: React.FC<IDalleFilterMenu> = ({
 			MenuListProps={{ 'aria-labelledby': 'dalle-filter-button' }}
 			PaperProps={{
 				sx: {
-					backgroundColor: theme === 'light' ? '' : '#151518',
+					backgroundColor: '#151518',
 				},
 			}}
 		>
@@ -1,8 +1,6 @@
 import React from 'react'
 import { Drawer } from '@mui/material'
 
-import { useAppSelector } from '#/app/store/store'
-
 type DrawerProps = {
 	open: boolean
 	onClose: (v: boolean) => void
@@ -10,16 +8,15 @@ type DrawerProps = {
 }
 
 export function DrawerCustom(props: DrawerProps) {
-	const theme = useAppSelector((state) => state.theme.theme)
 	return (
 		<Drawer
 			sx={{
 				'.MuiStack-root': {
-					backgroundColor: theme === 'light' ? 'white' : '#151518',
+					backgroundColor: '#151518',
 					border: 'none',
 				},
 				'.MuiPaper-root': {
-					backgroundColor: theme === 'light' ? 'white' : '#151518',
+					backgroundColor: '#151518',
 					border: 'none',
 					position: 'absolute !important',
 				},
@@ -2,7 +2,6 @@ import React, { useEffect, useRef } from 'react'
 import { Alert, Slide, Snackbar, Typography } from '@mui/material'
 import Image from 'next/image'
 
-import { useThemeAndDevice } from '#/shared/lib/hooks'
 import { CSSTransition } from 'react-transition-group'
 import { useShowDataStore } from '../lib/hooks/use-show-data'
 import SuccessSvg from '#/assets/svg/success.svg?react'
@@ -12,14 +11,11 @@ export interface IError {
 }
 
 const ErrorIcon = () => {
-	const { theme } = useThemeAndDevice()
-
-	return <Image src={`/error2${theme === 'light' ? '_white' : ''}.svg`} alt={''} width={20} height={20} style={{ marginTop: 2.5 }} />
+	return <Image src={`/error2.svg`} alt={''} width={20} height={20} style={{ marginTop: 2.5 }} />
 }
 
 export const Error: React.FC<IError> = ({ handleClose }) => {
 	const { message, variant, isOpened } = useShowDataStore()
-	const { theme } = useThemeAndDevice()
 	const nodeRef = useRef(null)
 
 	return (
@@ -37,9 +33,9 @@ export const Error: React.FC<IError> = ({ handleClose }) => {
 						icon={<ErrorIcon />}
 						severity='error'
 						sx={{
-							backgroundColor: theme === 'light' ? 'white' : '#404040',
+							backgroundColor: '#404040',
 							border: '1px solid #F15179',
-							color: theme === 'light' ? '#666666' : '#C7C7C7',
+							color: '#C7C7C7',
 							borderRadius: '12px',
 						}}
 					>
@@ -51,9 +47,9 @@ export const Error: React.FC<IError> = ({ handleClose }) => {
 						icon={<SuccessSvg width={20} height={20} color='#5ef151' />}
 						severity='error'
 						sx={{
-							backgroundColor: theme === 'light' ? 'white' : '#404040',
+							backgroundColor: '#404040',
 							border: '1px solid #5ef151',
-							color: theme === 'light' ? '#666666' : '#C7C7C7',
+							color: '#C7C7C7',
 							borderRadius: '12px',
 						}}
 					>
@@ -90,7 +90,5 @@ type FormStateProps = {
 	option?: RegisterOptions
 }
 export const Input = (props: TextFieldProps & FormStateProps) => {
-	const { theme } = useThemeAndDevice()
-
-	return <TextField fullWidth sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }} {...props} />
+	return <TextField fullWidth sx={{ ...InputStyleDark }} {...props} />
 }
@@ -2,8 +2,6 @@ import * as React from 'react'
 import Menu from '@mui/material/Menu'
 import Typography from '@mui/material/Typography'
 
-import { useAppSelector } from '#/app/store/store'
-
 interface INotificationMenu {
 	anchorEl: null | HTMLElement
 	open: boolean
@@ -11,7 +9,6 @@ interface INotificationMenu {
 }
 
 export const NotificationMenu: React.FC<INotificationMenu> = ({ closeMenu, open, anchorEl }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
 	return (
 		<Menu
 			id='notification-menu'
@@ -22,7 +19,7 @@ export const NotificationMenu: React.FC<INotificationMenu> = ({ closeMenu, open,
 			PaperProps={{
 				elevation: 0,
 				sx: {
-					backgroundColor: theme === 'light' ? 'white' : '#2B2828',
+					backgroundColor: '#2B2828',
 					overflow: 'visible',
 					filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
 					mt: 1,
@@ -40,7 +37,7 @@ export const NotificationMenu: React.FC<INotificationMenu> = ({ closeMenu, open,
 						right: 14,
 						width: 10,
 						height: 10,
-						bgcolor: theme === 'light' ? 'white' : '#2B2828',
+						bgcolor: '#2B2828',
 						transform: 'translateY(-50%) rotate(45deg)',
 						zIndex: 0,
 					},
@@ -2,7 +2,6 @@ import React from 'react'
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'
 import { MenuItem, Select, SelectChangeEvent, Stack, Typography } from '@mui/material'
 
-import { useAppSelector } from '#/app/store/store'
 import { baseColor } from '#/shared/lib/constants/colors'
 
 interface ISelect {
@@ -25,7 +24,6 @@ export const SelectUI: React.FC<ISelect> = ({
 	children, 
 	...args 
 }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	return (
 		<Stack spacing={0.5}>
@@ -37,31 +35,31 @@ export const SelectUI: React.FC<ISelect> = ({
 				inputProps={{
 					MenuProps: {
 						MenuListProps: {
-							backgroundColor: theme === 'light' ? 'transparent' : 'transparent',
+							backgroundColor: 'transparent',
 							sx: {
-								color: theme === 'light' ? '#373737' : '#A6A5A5',
-								backgroundColor: theme === 'light' ? 'transparent' : '#151518',
+								color: '#A6A5A5',
+								backgroundColor: '#151518',
 							},
 						},
 					},
 				}}
 				style={{
-					backgroundColor: theme === 'light' ? 'transparent' : 'transparent',
+					backgroundColor: 'transparent',
 				}}
 				sx={{
 					boxShadow: 'none',
 					borderRadius: '13px',
-					backgroundColor: theme === 'light' ? 'transparent' : '#4B4B4B',
-					border: theme === 'light' ? '1px solid transparent' : '2px solid #40404E;',
-					color: theme === 'light' ? '#373737' : '#A6A5A5',
+					backgroundColor: '#4B4B4B',
+					border: '2px solid #40404E;',
+					color: '#A6A5A5',
 					'.MuiSelect-icon': {
 						color: '#A6A5A5',
 					},
 					'&& fieldset': {
-						border: theme === 'light' ? '1px solid #E9E9E9' : '0px solid transparent',
+						border: '0px solid transparent',
 					},
 					'&.Mui-focused': {
-						border: theme === 'light' ? `1px solid ${baseColor}` : '2px solid #40404E;',
+						border: '2px solid #40404E;',
 						borderColor: baseColor,
 						'& .MuiOutlinedInput-notchedOutline': {
 							border: 'none',
@@ -69,7 +67,7 @@ export const SelectUI: React.FC<ISelect> = ({
 					},
 					'&:hover': {
 						'&& fieldset': {
-							border: theme === 'light' ? '1px solid #E9E9E9' : '0px solid transparent',
+							border: '0px solid transparent',
 						},
 					},
 				}}
@@ -1,7 +1,6 @@
 import React from 'react'
 import { Stack } from '@mui/material'
 
-import { useAppSelector } from '#/app/store/store'
 import { StatsField } from '#/widgets/stats-field'
 import { useSession } from 'next-auth/react'
 import { getDeviceType } from '#/shared/lib/helpers'
@@ -11,8 +10,6 @@ import { NextPageWithLayout } from '#/pages/_app'
  * @deprecated
  */
 const Admin: NextPageWithLayout = () => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	const device = getDeviceType()
 	const { data: session } = useSession()
 
@@ -23,7 +20,7 @@ const Admin: NextPageWithLayout = () => {
 			alignItems='center'
 			sx={{ width: '80vw', margin: '40px auto' }}
 		>
-			<StatsField device={device} token={session?.access} theme={theme} />
+			<StatsField device={device} token={session?.access} />
 		</Stack>
 	)
 }
@@ -3,10 +3,9 @@ import { Stack, TextField, Typography } from '@mui/material'
 import Image from 'next/image'
 import { useSession } from 'next-auth/react'
 
-import { useAppSelector } from '#/app/store/store'
 import { TooltipCustom } from '#/shared'
 import { API_URL } from '#/shared/lib/constants'
-import { InputStyleSmallDark, InputStyleSmallLight } from '#/shared/ui/input'
+import { InputStyleSmallDark } from '#/shared/ui/input'
 import axios from 'axios'
 
 export type KeyItemBaseProps = {
@@ -21,7 +20,6 @@ export type KeyItemBaseProps = {
 export type KeyItemRenderProps = {
 	isCopy: boolean
 	limit: string | number | null
-	theme: string
 	handleCopy: (text: string) => void
 	handleLimitChange: (value: string) => void
 }
@@ -33,7 +31,6 @@ type KeyItemProps = KeyItemBaseProps & {
 export const KeyItem: React.FC<KeyItemProps> = ({ children, limit: initialLimit, name }) => {
 	const [isCopy, setIsCopy] = useState(false)
 	const [limit, setLimit] = useState<string | number | null>(initialLimit)
-	const theme = useAppSelector((state) => state.theme.theme)
 	const { data: session } = useSession()
 
 	useEffect(() => {
@@ -83,7 +80,6 @@ export const KeyItem: React.FC<KeyItemProps> = ({ children, limit: initialLimit,
 			{children({
 				isCopy,
 				limit,
-				theme,
 				handleCopy,
 				handleLimitChange,
 			})}
@@ -106,16 +102,15 @@ export const KeyItemDetail: React.FC<KeyItemDetailsProps> = ({ title, value }) =
 export const KeyItemLimitField: React.FC<{
 	value: string | number | null
 	onChange: (value: string) => void
-	theme: string
 	fullWidth?: boolean
-}> = ({ value, onChange, theme, fullWidth = false }) => (
+}> = ({ value, onChange, fullWidth = false }) => (
 	<TextField
 		fullWidth={fullWidth}
 		value={value ?? ''}
 		placeholder={value === null || value === '' ? 'Бесконечно' : ''}
 		type='text'
 		onChange={(event) => onChange(event.target.value)}
-		sx={theme === 'light' ? { ...InputStyleSmallLight } : { ...InputStyleSmallDark }}
+		sx={{ ...InputStyleSmallDark }}
 	/>
 )
 
@@ -126,7 +126,7 @@ type KeyRowProps = {
 
 const KeyRow: React.FC<KeyRowProps> = ({ id, name, keyValue, limit, createdAt, expiresAt, onDelete }) => (
 	<KeyItem keyValue={keyValue} name={name} limit={limit} createdAt={createdAt} expiresAt={expiresAt} onDelete={onDelete}>
-		{({ theme, handleCopy, handleLimitChange, isCopy, limit: currentLimit }) => (
+		{({ handleCopy, handleLimitChange, isCopy, limit: currentLimit }) => (
 			<TableRow
 				key={id}
 				sx={{
@@ -152,7 +152,7 @@ const KeyRow: React.FC<KeyRowProps> = ({ id, name, keyValue, limit, createdAt, e
 					</Typography>
 				</TableCell>
 				<TableCell sx={{ verticalAlign: 'top', color: '#8280FF !important' }}>
-					<KeyItemLimitField value={currentLimit} onChange={handleLimitChange} theme={theme} />
+					<KeyItemLimitField value={currentLimit} onChange={handleLimitChange} />
 				</TableCell>
 				<TableCell sx={{ verticalAlign: 'top' }}>
 					<Typography className='text'>{createdAt}</Typography>
@@ -88,7 +88,7 @@ type KeyCardProps = {
 
 const KeyCard: React.FC<KeyCardProps> = ({ id, name, keyValue, limit, createdAt, expiresAt, onDelete }) => (
 	<KeyItem keyValue={keyValue} name={name} limit={limit} createdAt={createdAt} expiresAt={expiresAt} onDelete={onDelete}>
-		{({ isCopy, handleCopy, handleLimitChange, theme, limit: currentLimit }) => (
+		{({ isCopy, handleCopy, handleLimitChange, limit: currentLimit }) => (
 			<Stack key={id} spacing={2} className='pd-30 bg-color-block border-radius-main'>
 				<KeyItemDetail title='Имя' value={name} />
 
@@ -110,7 +110,7 @@ const KeyCard: React.FC<KeyCardProps> = ({ id, name, keyValue, limit, createdAt,
 
 				<Stack spacing={1}>
 					<Typography className='title-block'>Лимит токенов</Typography>
-					<KeyItemLimitField value={currentLimit} onChange={handleLimitChange} theme={theme} fullWidth />
+					<KeyItemLimitField value={currentLimit} onChange={handleLimitChange} fullWidth />
 				</Stack>
 
 				<KeyItemDetail title='Создан' value={createdAt} />
@@ -5,7 +5,6 @@ import axios from 'axios'
 import Image from 'next/image'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { useAppSelector } from '#/app/store/store'
 import { API_URL } from '#/shared/lib/constants/constants'
 import { getDeviceType, getRandomImage } from '#/shared/lib/helpers'
 import { NextPageWithLayout } from '#/pages/_app'
@@ -44,8 +43,6 @@ const ChangePassword: NextPageWithLayout = () => {
 
 	const refImage = useRef(getRandomImage())
 
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<>
 			<Stack
@@ -55,7 +52,7 @@ const ChangePassword: NextPageWithLayout = () => {
 				sx={{
 					padding: 0,
 					margin: desktop ? 0 : '60px auto',
-					backgroundColor: theme === 'light' ? 'white' : '#373737',
+				backgroundColor: '#373737',
 				}}
 			>
 				<Link
@@ -140,7 +137,7 @@ const ChangePassword: NextPageWithLayout = () => {
 					<Box sx={{ width: '40vh', height: '100%', margin: '0 auto' }}>
 						<Typography
 							sx={{
-								color: theme === 'light' ? '#181C32' : '#E1E1E1',
+								color: '#E1E1E1',
 								lineHeight: '36.4px',
 								fontSize: '24px',
 								textAlign: 'center',
@@ -152,7 +149,7 @@ const ChangePassword: NextPageWithLayout = () => {
 						<Typography
 							variant='body2'
 							sx={{
-								color: theme === 'light' ? '#181C32' : '#A6A5A5',
+								color: '#A6A5A5',
 								lineHeight: '19.6px',
 								fontSize: '14px',
 								fontWeight: '600',
@@ -168,9 +165,9 @@ const ChangePassword: NextPageWithLayout = () => {
 								paddingTop: 0,
 								paddingBottom: 0,
 								'& label': { color: '#8853FA' },
-								backgroundColor: theme === 'light' ? 'transparent' : '#3D3D3D',
+								backgroundColor: '#3D3D3D',
 								input: {
-									color: theme === 'light' ? '#272727' : '#E1E1E1',
+									color: '#E1E1E1',
 								},
 							}}
 							value={password1}
@@ -179,7 +176,7 @@ const ChangePassword: NextPageWithLayout = () => {
 						<Typography
 							variant='body2'
 							sx={{
-								color: theme === 'light' ? '#181C32' : '#A6A5A5',
+								color: '#A6A5A5',
 								lineHeight: '19.6px',
 								fontSize: '14px',
 								fontWeight: '600',
@@ -195,9 +192,9 @@ const ChangePassword: NextPageWithLayout = () => {
 								paddingTop: 0,
 								paddingBottom: 0,
 								'& label': { color: '#8853FA' },
-								backgroundColor: theme === 'light' ? 'transparent' : '#3D3D3D',
+								backgroundColor: '#3D3D3D',
 								input: {
-									color: theme === 'light' ? '#272727' : '#E1E1E1',
+									color: '#E1E1E1',
 								},
 							}}
 							value={password2}
@@ -151,7 +151,7 @@ const Page: NextPageWithLayout<ChatBotPageProps> = () => {
 		})
 		return true
 	}
-	const theme = useAppSelector((state) => state.theme.theme)
+	// theme removed: always dark
 
 	// Подготавливаем данные для API вкладки
 	// Фильтруем параметры - оставляем только актуальные для текущей версии
@@ -256,13 +256,7 @@ const Page: NextPageWithLayout<ChatBotPageProps> = () => {
 								spacing={0}
 								sx={{
 									borderRadius: desktop ? '15px' : '13px',
-									backgroundColor: desktop
-										? theme === 'light'
-											? 'white'
-											: '#151518'
-										: theme === 'light'
-										? 'white'
-										: '#151518',
+									backgroundColor: '#151518',
 									padding: desktop ? (botParams?.blocked ? 2 : 2) : 1.25,
 									paddingBlock: 1.5,
 									width: '100%',
@@ -11,7 +11,6 @@ import { signIn } from 'next-auth/react'
 
 import styles from './login.module.scss'
 
-import { useAppSelector } from '#/app/store/store'
 import ClosedEyeSvg from '#/assets/svg/closed-eye.svg?react'
 import OpenedEyeSvg from '#/assets/svg/opened-eye.svg?react'
 import { PasswordOptions } from '#/features/register-by-email/lib/constants'
@@ -90,8 +89,6 @@ const Login: NextPageWithLayout = () => {
 		event.target.value = event.target.value.trim()
 	}
 
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<>
 			<Stack
@@ -103,7 +100,7 @@ const Login: NextPageWithLayout = () => {
 					overflow: 'hidden',
 					padding: 0,
 					margin: desktop ? 0 : '0px auto',
-					backgroundColor: theme === 'light' ? 'white' : '#303035',
+					backgroundColor: '#303035',
 				}}
 			>
 				{!desktop && (
@@ -147,7 +144,7 @@ const Login: NextPageWithLayout = () => {
 							>
 								<Typography
 									sx={{
-										color: theme === 'light' ? '#181C32' : '#E1E1E1',
+										color: '#E1E1E1',
 										lineHeight: '36.4px',
 										fontSize: '26px',
 										fontWeight: 'bold',
@@ -174,11 +171,7 @@ const Login: NextPageWithLayout = () => {
 								</Typography>
 								<TextField
 									fullWidth
-									sx={
-										theme === 'light'
-											? { ...InputStyleLight }
-											: { ...InputStyleDark }
-									}
+									sx={{ ...InputStyleDark }}
 									{...register('email', emailOptions)}
 									onChange={handleInputChangeTrim}
 								/>
@@ -259,11 +252,7 @@ const Login: NextPageWithLayout = () => {
 											</InputAdornment>
 										),
 									}}
-									sx={
-										theme === 'light'
-											? { ...InputStyleLight }
-											: { ...InputStyleDark }
-									}
+									sx={{ ...InputStyleDark }}
 									{...register('password', {
 										...PasswordOptions,
 									})}
@@ -24,7 +24,6 @@ const Register: NextPageWithLayout = () => {
 	const [success, setSuccess] = useState(false)
 	const [isReferral, setIsReferral] = useState<boolean>(true)
 
-	const theme = useAppSelector((state) => state.theme.theme)
 	const referral = useAppSelector((state) => state.user.referral)
 	const dispatch = useDispatch()
 
@@ -53,7 +52,7 @@ const Register: NextPageWithLayout = () => {
 				overflow: 'hidden',
 				padding: 0,
 				margin: desktop ? 0 : '0px auto',
-				backgroundColor: theme === 'light' ? 'white' : '#303035',
+				backgroundColor: '#303035',
 			}}
 		>
 			{!desktop && (
@@ -103,7 +102,7 @@ const Register: NextPageWithLayout = () => {
 						<Stack direction='column' justifyContent='center' alignItems='center' spacing={2}>
 							<Typography
 								sx={{
-									color: theme === 'light' ? '#181C32' : '#E1E1E1',
+									color: '#E1E1E1',
 									lineHeight: '36.4px',
 									fontSize: '26px',
 									fontWeight: 'bold',
@@ -134,23 +134,21 @@
 	}
 }
 
-html[data-theme='dark'] {
-	.textarea {
-		&__file {
-			background: rgba(255, 255, 255, 0.06);
-			border: 1px solid rgba(255, 255, 255, 0.14);
-		}
+.textarea {
+	&__file {
+		background: rgba(255, 255, 255, 0.06);
+		border: 1px solid rgba(255, 255, 255, 0.14);
+	}
 
-		&__fileName {
-			color: #f5f5f7;
-		}
+	&__fileName {
+		color: #f5f5f7;
+	}
 
-		&__fileSize {
-			color: rgba(245, 245, 247, 0.7);
-		}
+	&__fileSize {
+		color: rgba(245, 245, 247, 0.7);
+	}
 
-		&__fileInfo svg {
-			color: rgba(245, 245, 247, 0.85);
-		}
+	&__fileInfo svg {
+		color: rgba(245, 245, 247, 0.85);
 	}
 }
\ No newline at end of file
@@ -5,7 +5,6 @@ import Button from '@mui/material/Button'
 import axios from 'axios'
 import Image from 'next/image'
 import Router from 'next/router'
-import { useAppSelector } from '#/app/store/store'
 import { Error, Input } from '#/shared'
 import { API_URL } from '#/shared/lib/constants/constants'
 import { getDeviceType, getRandomImage } from '#/shared/lib/helpers'
@@ -37,8 +36,6 @@ const Reset: NextPageWithLayout = () => {
 
 	const refImage = React.useRef(getRandomImage())
 
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<Stack
 			direction={desktop ? 'row' : 'column'}
@@ -47,7 +44,7 @@ const Reset: NextPageWithLayout = () => {
 			sx={{
 				padding: 0,
 				margin: desktop ? 0 : '60px auto',
-				backgroundColor: theme === 'light' ? 'white' : '#373737',
+				backgroundColor: '#373737',
 			}}
 		>
 			{desktop && (
@@ -154,7 +151,7 @@ const Reset: NextPageWithLayout = () => {
 						sx={{
 							fontSize: 21,
 							textAlign: 'center',
-							color: theme === 'light' ? '#272727' : '#E1E1E1',
+							color: '#E1E1E1',
 						}}
 					>
 						Письмо для восстановления пароля отправлено вам на почту!
@@ -8,10 +8,9 @@ import { useSession } from 'next-auth/react'
 import styles from '#/app/styles/business.module.scss'
 import styles2 from '#/widgets/business-models/ui/models-list/models-list.module.scss'
 
-import { useAppSelector } from '#/app/store/store'
 import { getAll, ResponseAllInfo } from '#/entities/user-account/model/user-type-slice'
 import { ResponseGetPersons } from '#/features/invite-person-in-business'
-import { Error, InputStyleDark, InputStyleLight } from '#/shared'
+import { Error, InputStyleDark } from '#/shared'
 import { API_URL } from '#/shared/lib/constants'
 import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
 import { DateInput } from '#/shared/ui/date-input/date-input'
@@ -120,7 +119,6 @@ export default function BusinessHost() {
 const MailingBlock = ({ info, mailing }: { info: InfoBusiness | null | undefined; mailing: boolean | undefined }) => {
 	const [showPersons, setShowPersons] = useState(true)
 	const [newMail, setNewMail] = useState<string>('')
-	const theme = useAppSelector((state) => state.theme.theme)
 	const [allMails, setAllMails] = useState<string[]>()
 	const [isMailing, setIsMailing] = useState<boolean>(false)
 	const { data } = useSession()
@@ -174,7 +172,7 @@ const MailingBlock = ({ info, mailing }: { info: InfoBusiness | null | undefined
 										placeholder={'Введите почту'}
 										onChange={(e) => setNewMail(e.target.value)}
 										fullWidth
-										sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+										sx={{ ...InputStyleDark }}
 									/>
 								</Box>
 
@@ -11,7 +11,6 @@ import { Dayjs } from 'dayjs'
 import { useSession } from 'next-auth/react'
 
 import { ResponseGetLogsList } from '#/features/invite-person-in-business/model/types'
-import { useAppSelector } from '#/app/store/store'
 import { Search } from '#/shared'
 import { DateInput } from '#/shared/ui/date-input/date-input'
 import styles from '#/widgets/business-models/ui/models-list/models-list.module.scss'
@@ -29,7 +28,6 @@ export const LogList = () => {
 
 	const [showPersons, setShowPersons] = useState(true)
 	const [search, setSearch] = useState('')
-	const theme = useAppSelector((state) => state.theme.theme)
 	const { data } = useSession()
 
 	useEffect(() => {
@@ -89,7 +87,7 @@ export const LogList = () => {
 							color='inherit'
 							aria-label='Basic button group'
 							sx={{
-								color: theme === 'light' ? 'black' : '#7f7df3',
+								color: '#7f7df3',
 							}}
 						>
 							<Button
@@ -22,14 +22,12 @@ import { inviteRoles } from '#/features/invite-person-in-business/lib/constants'
 import styles from './persons-list.module.scss'
 import styles2 from '#/features/invite-person-in-business/ui/invite-modal.module.scss'
 import { IEmailForms } from '#/features/register-by-email/model/types'
-import { useAppSelector } from '#/app/store/store'
 import {
 	ButtonGray,
 	ButtonUI,
 	emailOptions,
 	Error,
 	InputStyleDark,
-	InputStyleLight,
 	Loader,
 	Modal,
 	ModalProps,
@@ -301,8 +299,6 @@ export const InviteSecurityModal: FC<InviteModalProps> = ({ open, onClose, showN
 		setValue('email', emailWithoutSpaces)
 	}
 
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	useEffect(() => {
 		if (open) {
 			getBusinessGroups(session?.access).then((res) => setBusinessGroups(res ? res : null))
@@ -335,7 +331,7 @@ export const InviteSecurityModal: FC<InviteModalProps> = ({ open, onClose, showN
 					<Typography className={styles2.hint}>Укажите адрес электронной почты</Typography>
 					<TextField
 						fullWidth
-						sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
+						sx={{ ...InputStyleDark }}
 						{...register('email', emailOptions)}
 						onChange={(e) => {
 							handleEmailChange(e)
@@ -14,7 +14,6 @@ interface CodeProps {
 	className: string | undefined
 	children: React.ReactNode & React.ReactNode[]
 	language: string | undefined
-	theme: 'light' | 'dark'
 }
 
 SyntaxHighlighter.registerLanguage('python', python)
@@ -23,13 +22,13 @@ SyntaxHighlighter.registerLanguage('typescript', typescript)
 SyntaxHighlighter.registerLanguage('bash', bash)
 SyntaxHighlighter.registerLanguage('json', json)
 
-const Code: React.FC<CodeProps> = ({ inline, className, children, theme, node, language, ...props }) => {
+const Code: React.FC<CodeProps> = ({ inline, className, children, node, language, ...props }) => {
 	return (
 		<SyntaxHighlighter
 			{...props}
 			//eslint-disable-next-line react/no-children-prop
 			children={String(children).replace(/\n$/, '')}
-			style={theme !== 'dark' ? oneLight : oneDark}
+			style={oneDark}
 			customStyle={{
 				scrollbarWidth: 'thin',
 				scrollbarColor: 'rgba(217, 217, 217, 0.49)',
@@ -1,7 +1,6 @@
 import React from 'react'
 import { Box, Button, Grow, Menu, Typography } from '@mui/material'
 
-import { useAppSelector } from '#/app/store/store'
 
 interface IContext {
 	context: { message: string; uid: string }[]
@@ -25,8 +24,6 @@ const Context: React.FC<IContext> = ({
 		setAnchorEl(null)
 	}
 
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return device ? (
 		<>
 			{context.length !== 0 && (
@@ -57,7 +54,7 @@ const Context: React.FC<IContext> = ({
 				sx={{ maxHeight: '500px' }}
 				PaperProps={{
 					style: {
-						backgroundColor: theme === 'light' ? '' : '#3D3D3D',
+						backgroundColor: '#3D3D3D',
 						transform: 'translateX(-4%) translateY(-58%)',
 						borderRadius: 15,
 						width: '330px',
@@ -2,16 +2,12 @@ import React from 'react'
 import { Box, Typography } from '@mui/material'
 
 import { errorColor } from '#/shared/lib/constants/colors'
-import { useThemeAndDevice } from '#/shared/lib/hooks'
-
 const TooltipContextText = () => {
-	const { theme } = useThemeAndDevice()
-
 	return (
 		<Box>
 			<Typography
 				sx={{
-					color: theme === 'light' ? '#5B5B5B' : 'white',
+					color: 'white',
 					fontSize: '15px',
 					fontWeight: 600,
 				}}
@@ -20,7 +16,7 @@ const TooltipContextText = () => {
 			</Typography>
 			<Typography
 				sx={{
-					color: theme === 'light' ? '#5B5B5B' : 'white',
+					color: 'white',
 					fontSize: '14px',
 					marginTop: 1,
 				}}
@@ -1,7 +1,6 @@
 import React from 'react'
 import { Tooltip } from '@mui/material'
 
-import { useThemeAndDevice } from '#/shared/lib/hooks'
 import TooltipContextText from '#/widgets/chat-gpt-field/ui/tooltip-context-text'
 
 interface ITooltipContext {
@@ -9,7 +8,6 @@ interface ITooltipContext {
 }
 
 const TooltipContext: React.FC<ITooltipContext> = ({ children }) => {
-	const { theme } = useThemeAndDevice()
 
 	return (
 		<Tooltip
@@ -34,10 +32,10 @@ const TooltipContext: React.FC<ITooltipContext> = ({ children }) => {
 								marginRight: '24px',
 							},
 						},
-						bgcolor: theme === 'light' ? 'white' : '#4B4B4B',
+					bgcolor: '#4B4B4B',
 						borderRadius: '10px',
 						'& .MuiTooltip-arrow': {
-							color: theme === 'light' ? 'white' : '#4B4B4B',
+						color: '#4B4B4B',
 						},
 						padding: '15px 20px',
 						boxShadow: '0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 32px rgba(0, 0, 0, 0.16)',
@@ -2,7 +2,6 @@ import React, { useCallback } from 'react'
 import { Stack } from '@mui/material'
 import axios from 'axios'
 
-import { useAppSelector } from '#/app/store/store'
 import { ChatMessagesList } from '#/widgets/messages'
 
 import BlockedSvg from '#/assets/svg/blocked.svg?react'
@@ -67,7 +66,6 @@ function Chat<T>({
 }: ChatProps<T>) {
 	const desktop = device === 'desktop'
 
-	const theme = useAppSelector((state) => state.theme.theme)
 	const [resendValue, setResendValue] = React.useState<string>('')
 
 	const onLoadImage = useCallback((event: React.ChangeEvent<HTMLInputElement> | null, file?: File) => {
@@ -104,7 +102,7 @@ function Chat<T>({
 				spacing={0}
 				sx={{
 					borderRadius: desktop ? '15px' : '13px',
-					backgroundColor: desktop ? (theme === 'light' ? 'white' : '#151518') : theme === 'light' ? 'white' : '#151518',
+					backgroundColor: '#151518',
 					padding: desktop ? (blocked ? 2 : 2) : 1.25,
 					paddingTop: 0,
 					paddingBottom: 1.25,
@@ -2,7 +2,6 @@ import React from 'react'
 import { Box, Menu, MenuItem, TextField, ToggleButton, ToggleButtonGroup, Typography } from '@mui/material'
 import Image from 'next/image'
 
-import { useAppSelector } from '#/app/store/store'
 import styles2 from '#/app/styles/account.module.css'
 import { Chat, Chats as ChatProps } from '#/features/chats'
 import { TooltipCustom } from '#/shared'
@@ -13,8 +12,6 @@ import { DeleteMenuIcon, RenameMenuIcon, SaveRenameIcon } from './icons'
 import styles from './chats.module.scss'
 
 export const Chats = ({ chats, currentChat, removeChat, setChat, chatSetting, createNewChat, desktop, renameChat: renameChatProp }: ChatProps) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null)
 	const open = Boolean(anchorEl)
 	const [localChat, setLocalChat] = React.useState<string>('')
@@ -100,7 +97,7 @@ export const Chats = ({ chats, currentChat, removeChat, setChat, chatSetting, cr
 					<Box
 						onClick={createNewChat}
 						sx={{
-							backgroundColor: theme !== 'dark' ? 'white' : '#151518',
+							backgroundColor: '#151518',
 							padding: '9px 11px',
 							borderRadius: '10px',
 							cursor: 'pointer',
@@ -211,12 +208,12 @@ export const Chats = ({ chats, currentChat, removeChat, setChat, chatSetting, cr
 											onClick={handleClose}
 											sx={{
 												'& .MuiMenu-list': {
-													backgroundColor: theme === 'dark' ? '#303035' : '#EFF0F2',
+													backgroundColor: '#303035',
 													color: '#8280FF',
 													borderRadius: '15px',
 												},
 												'& .MuiPopover-paper': {
-													backgroundColor: theme === 'dark' ? '#303035' : '#EFF0F2',
+													backgroundColor: '#303035',
 													borderRadius: '15px',
 												},
 											}}
@@ -21,17 +21,15 @@ const FiltersMobile: React.FC<IFiltersChatGPT> = ({
 	parameterPresence,
 	resetSettings,
 }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<Drawer
 			sx={{
 				'.MuiStack-root': {
-					backgroundColor: theme === 'light' ? 'white' : '#4B4B4B',
+					backgroundColor: '#4B4B4B',
 					border: 'none',
 				},
 				'.MuiPaper-root': {
-					backgroundColor: theme === 'light' ? 'white' : '#4B4B4B',
+					backgroundColor: '#4B4B4B',
 					border: 'none',
 				},
 			}}
@@ -6,7 +6,6 @@ import Stack from '@mui/material/Stack'
 import { styled } from '@mui/material/styles'
 
 import { TutorialContext } from '#/features/tutorial-context/tutorial-context'
-import { useAppSelector } from '#/app/store/store'
 import { Select, Slider as Sl, SwitchCustom, TooltipCustom } from '#/shared'
 import {
 	ITypeModels,
@@ -110,7 +109,6 @@ export const Filters: React.FC<IFiltersChatGPT> = memo(
 	}) => {
 		const desktop = device === 'desktop'
 
-		const theme = useAppSelector((state) => state.theme.theme)
 
 		const [showConfigure, setShowConfigure] = React.useState(false)
 
@@ -142,13 +140,7 @@ export const Filters: React.FC<IFiltersChatGPT> = memo(
 							padding: '30px',
 							height: 'fit-content',
 							borderRadius: '15px',
-							backgroundColor: desktop
-								? theme === 'light'
-									? 'white'
-									: '#151518'
-								: theme === 'light'
-								? 'white'
-								: '#4B4B4B',
+							backgroundColor: desktop ? '#151518' : '#4B4B4B',
 						}}
 					>
 						<Typography className='title-block' sx={{ marginBottom: '15px' }}>
@@ -1,8 +1,6 @@
 import React from 'react'
 import { Box, Tooltip, Typography } from '@mui/material'
 
-import { useAppSelector } from '#/app/store/store'
-
 interface ITooltip {
 	title: string
 	description: string
@@ -12,8 +10,6 @@ interface ITooltip {
 }
 
 const TooltipModelTypes: React.FC<ITooltip> = ({ description, advantages, title, children, warning }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return description ? (
 		<Tooltip
 			placement='left'
@@ -31,10 +27,10 @@ const TooltipModelTypes: React.FC<ITooltip> = ({ description, advantages, title,
 								marginRight: '24px',
 							},
 						},
-						bgcolor: theme === 'light' ? 'white' : '#313136',
+						bgcolor: '#313136',
 						borderRadius: '10px',
 						'& .MuiTooltip-arrow': {
-							color: theme === 'light' ? 'white' : '#4B4B4B',
+							color: '#4B4B4B',
 						},
 						boxShadow: '0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 32px rgba(0, 0, 0, 0.16)',
 					},
@@ -45,7 +41,7 @@ const TooltipModelTypes: React.FC<ITooltip> = ({ description, advantages, title,
 					<Typography
 						sx={{
 							fontSize: '17px',
-							color: theme === 'light' ? '#666666' : '#CFCFCF',
+							color: '#CFCFCF',
 							fontWeight: '600',
 						}}
 					>
@@ -67,7 +63,7 @@ const TooltipModelTypes: React.FC<ITooltip> = ({ description, advantages, title,
 						<Typography
 							sx={{
 								fontSize: '17px',
-								color: theme === 'light' ? '#666666' : '#CFCFCF',
+								color: '#CFCFCF',
 								marginTop: 1,
 								fontWeight: '600',
 							}}
@@ -2,7 +2,6 @@ import React, { useState } from 'react'
 import SettingsSuggestIcon from '@mui/icons-material/SettingsSuggest'
 import { Box, Button, Drawer, Stack, Typography } from '@mui/material'
 
-import { useAppSelector } from '#/app/store/store'
 import { Select, SwitchCustom } from '#/shared'
 import { Slider } from '#/shared'
 import { SelectUI } from '#/shared/ui/select'
@@ -50,8 +49,6 @@ export const FiltersMobile: React.FC<ISDFiltersMobile> = ({
 }) => {
 	const [showConfigure, setShowConfigure] = useState(false)
 
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<Drawer
 			anchor={'bottom'}
@@ -68,7 +65,7 @@ export const FiltersMobile: React.FC<ISDFiltersMobile> = ({
 				sx: {
 					borderRadius: '15px 15px 0px 0px',
 					padding: '15px 8px',
-					backgroundColor: theme === 'light' ? 'white' : '#373737',
+					backgroundColor: '#373737',
 				},
 			}}
 		>
@@ -9,8 +9,7 @@ import Link from 'next/link'
 import Router, { useRouter } from 'next/router'
 import { signOut, useSession } from 'next-auth/react'
 
-import { useAppDispatch, useAppSelector } from '#/app/store/store'
-import { change } from '#/entities/theme'
+import { useAppSelector } from '#/app/store/store'
 import { getAll, ResponseAllInfo } from '#/entities/user-account/model/user-type-slice'
 
 import { menuListMiddle, menuListTop } from '../../side-menu/ui/side-menu'
@@ -18,8 +17,6 @@ import { menuListMiddle, menuListTop } from '../../side-menu/ui/side-menu'
 export const MainMenuMobile = memo(() => {
 	const { data, status } = useSession()
 
-	const dispatch = useAppDispatch()
-
 	const { pathname, push, asPath } = useRouter()
 
 	const goToMain = async () => {
@@ -30,8 +27,6 @@ export const MainMenuMobile = memo(() => {
 
 	const [open, setOpen] = React.useState(false)
 
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	const [anchorElNavigate, setAnchorElNavigate] = React.useState<null | HTMLElement>(null)
 	const openMenuNavigate = (event: React.MouseEvent<HTMLButtonElement>) => {
 		setAnchorElNavigate(event.currentTarget)
@@ -68,7 +63,7 @@ export const MainMenuMobile = memo(() => {
 						sx: {
 							width: '100vw !important',
 							zIndex: 1000000000,
-							backgroundColor: theme === 'light' ? 'white' : '#303035',
+							backgroundColor: '#303035',
 							position: 'relative',
 							overflow: 'visible',
 							mt: 1.2,
@@ -83,7 +78,6 @@ export const MainMenuMobile = memo(() => {
 									key={el.title}
 									open={open}
 									pathname={asPath}
-									theme={theme}
 									title={el.title}
 									link={el.link}
 									icon={el.icon}
@@ -98,7 +92,6 @@ export const MainMenuMobile = memo(() => {
 										key={el.title}
 										open={open}
 										pathname={asPath}
-										theme={theme}
 										title={el.title}
 										link={el.link}
 										icon={el.icon}
@@ -113,7 +106,6 @@ export const MainMenuMobile = memo(() => {
 							<MenuItem
 								open={open}
 								pathname={pathname}
-								theme={theme}
 								title={'Поддержка'}
 								link={'/reports-mobile'}
 								icon={'/svg/side-menu/side-question'}
@@ -121,7 +113,6 @@ export const MainMenuMobile = memo(() => {
 							<MenuItem
 								open={open}
 								pathname={pathname}
-								theme={theme}
 								title={'Компаниям'}
 								link={'/business-reports-mobile'}
 								icon={'/svg/side-menu/for-business'}
@@ -130,25 +121,14 @@ export const MainMenuMobile = memo(() => {
 						<MenuItem
 							open={open}
 							pathname={pathname}
-							theme={theme}
 							title={'API-ключи'}
 							link={'/api-keys'}
 							icon={'/svg/side-menu/api-keys'}
 						/>
 					</Box>
-					<Box sx={{ marginTop: 1.5 }}>
-						<Box
-							onClick={(e) => {
-								e.stopPropagation()
-								dispatch(change(null))
-							}}
-						>
-							<MenuItem open={open} pathname={pathname} theme={theme} title={'Сменить тему'} link={null} icon={'/sleep'} />
-						</Box>
-					</Box>
 					<Box sx={{ marginTop: 1.5 }}>
 						<Box onClick={() => signOut()}>
-							<MenuItem open={open} pathname={pathname} theme={theme} title={'Выйти из аккаунта'} link={null} icon={'/logout'} />
+							<MenuItem open={open} pathname={pathname} title={'Выйти из аккаунта'} link={null} icon={'/logout'} />
 						</Box>
 						<Link style={{ marginTop: '10px', marginLeft: '20px' }} href={'https://air.fail/requisites'}>
 							<Typography className='title-main-gray' sx={{ marginLeft: '15px' }}>
@@ -171,7 +151,6 @@ MainMenuMobile.displayName = 'MainMenuMobile'
 type MenuItemProps = {
 	open: boolean
 	pathname: string
-	theme: string
 
 	title: string
 	link: string | null
@@ -27,7 +27,6 @@ const subMenuTypography = {
 }
 
 export const MainMenu: React.FC = memo(() => {
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	const { pathname } = useRouter()
 
@@ -123,13 +122,13 @@ export const MainMenu: React.FC = memo(() => {
 						componentsProps={{
 							tooltip: {
 								sx: {
-									bgcolor: theme === 'light' ? '#E8E8FA' : '#4B4B4B',
+									bgcolor: '#4B4B4B',
 									color: '#7F7DF3',
 									fontSize: 15,
 									borderRadius: '10px',
 									padding: '10px 13px',
 									'& .MuiTooltip-arrow': {
-										color: theme === 'light' ? '#E8E8FA' : '#4B4B4B',
+										color: '#4B4B4B',
 									},
 									boxShadow:
 										'0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 32px rgba(0, 0, 0, 0.16)',
@@ -235,13 +234,13 @@ export const MainMenu: React.FC = memo(() => {
 						<>
 							<Button
 								style={{
-									backgroundColor: theme === 'light' ? 'rgba(90, 90, 90, 0.1)' : '#555555',
+									backgroundColor: '#555555',
 								}}
 								onClick={() => login()}
 								sx={{
 									padding: 1.3,
 									borderRadius: '10px',
-									color: theme === 'light' ? '#868686' : '#D0D0D0',
+									color: '#D0D0D0',
 									textTransform: 'none',
 									...subMenuTypography,
 									'&:hover': {
@@ -253,7 +252,7 @@ export const MainMenu: React.FC = memo(() => {
 							</Button>
 							<Button
 								style={{
-									backgroundColor: theme === 'light' ? '#E8E8FA' : '#514E62',
+									backgroundColor: '#514E62',
 								}}
 								onClick={() => register()}
 								sx={{
@@ -3,8 +3,6 @@ import ReactMarkdown from 'react-markdown'
 import dynamic from 'next/dynamic'
 import remarkGfm from 'remark-gfm'
 
-import { useThemeAndDevice } from '#/shared/lib/hooks'
-
 interface IProps {
 	id?: string
 	content: string
@@ -12,7 +10,6 @@ interface IProps {
 
 export const Markdown = ({ content, id = 'markdown'}: IProps) => {
 	const LazyCode = dynamic(() => import('#/widgets/chat-gpt-field/ui/code'))
-	const { theme } = useThemeAndDevice()
 
 	return (
 		<ReactMarkdown
@@ -24,7 +21,6 @@ export const Markdown = ({ content, id = 'markdown'}: IProps) => {
 					return !inline && match ? (
 						<>
 							<LazyCode
-								theme={theme}
 								inline={inline}
 								className={className}
 								node={node}
@@ -3,7 +3,6 @@ import { Box, Menu, MenuItem, Skeleton, Slide, Typography } from '@mui/material'
 import Stack from '@mui/material/Stack'
 import Image from 'next/image'
 
-import { useAppSelector } from '#/app/store/store'
 import FullScreenModal from '#/features/image-modal/full-screen-modal'
 import { TooltipCustom } from '#/shared'
 import { formatDate } from '#/shared/lib/helpers'
@@ -82,8 +81,6 @@ export const UserMessage = React.memo(function UserMessage(props: IMessagesList)
 		cursor: 'pointer',
 	}
 
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<>
 			{props.message.file && (
@@ -111,7 +108,7 @@ export const UserMessage = React.memo(function UserMessage(props: IMessagesList)
 								<Typography
 									variant='body2'
 									sx={{
-										color: theme === 'light' ? '#868686' : '#A6A5A5',
+										color: '#A6A5A5',
 										lineHeight: '19.6px',
 										fontSize: '13px',
 										fontWeight: '600',
@@ -175,10 +172,7 @@ export const UserMessage = React.memo(function UserMessage(props: IMessagesList)
 												{!loaded && (
 													<Skeleton
 														sx={{
-															background:
-																theme === 'dark'
-																	? '#2d2d2f'
-																	: '#EFF0F2',
+															background: '#2d2d2f',
 															position: 'absolute',
 															top: '0',
 															left: '0',
@@ -264,21 +258,13 @@ export const UserMessage = React.memo(function UserMessage(props: IMessagesList)
 														onClick={handleClose}
 														sx={{
 															'& .MuiMenu-list': {
-																backgroundColor:
-																	theme ===
-																	'dark'
-																		? '#303035'
-																		: '#EFF0F2',
+																backgroundColor: '#303035',
 																color: '#8280FF',
 																borderRadius:
 																	'15px',
 															},
 															'& .MuiPopover-paper': {
-																backgroundColor:
-																	theme ===
-																	'dark'
-																		? '#303035'
-																		: '#EFF0F2',
+																backgroundColor: '#303035',
 																borderRadius:
 																	'15px',
 															},
@@ -439,11 +425,7 @@ export const UserMessage = React.memo(function UserMessage(props: IMessagesList)
 														position: 'relative',
 														padding: '15px 23px',
 
-														border: `1px solid ${
-															theme === 'dark'
-																? '#303035'
-																: '#EFF0F2'
-														}`,
+														border: `1px solid #303035`,
 
 														boxShadow: 'none',
 														fontSize: '15px',
@@ -559,21 +541,13 @@ export const UserMessage = React.memo(function UserMessage(props: IMessagesList)
 														onClick={handleClose}
 														sx={{
 															'& .MuiMenu-list': {
-																backgroundColor:
-																	theme ===
-																	'dark'
-																		? '#303035'
-																		: '#EFF0F2',
+															backgroundColor: '#303035',
 																color: '#8280FF',
 																borderRadius:
 																	'15px',
 															},
 															'& .MuiPopover-paper': {
-																backgroundColor:
-																	theme ===
-																	'dark'
-																		? '#303035'
-																		: '#EFF0F2',
+															backgroundColor: '#303035',
 																borderRadius:
 																	'15px',
 															},
@@ -776,18 +750,12 @@ export const UserMessage = React.memo(function UserMessage(props: IMessagesList)
 												onClick={handleClose}
 												sx={{
 													'& .MuiMenu-list': {
-														backgroundColor:
-															theme === 'dark'
-																? '#303035'
-																: '#EFF0F2',
+														backgroundColor: '#303035',
 														color: '#8280FF',
 														borderRadius: '15px',
 													},
 													'& .MuiPopover-paper': {
-														backgroundColor:
-															theme === 'dark'
-																? '#303035'
-																: '#EFF0F2',
+														backgroundColor: '#303035',
 														borderRadius: '15px',
 													},
 												}}
@@ -919,7 +887,6 @@ export const UserMessage = React.memo(function UserMessage(props: IMessagesList)
 						isNewMessage={props.isNewMessage}
 						message={props.message}
 						desktop={desktop}
-						theme={theme}
 						modelType={props.modelType}
 					/>
 				)}
@@ -3,7 +3,6 @@ import { Box, Menu, MenuItem, Skeleton, Slide, Typography } from '@mui/material'
 import Stack from '@mui/material/Stack'
 import Image from 'next/image'
 
-import { useAppSelector } from '#/app/store/store'
 import { TooltipCustom } from '#/shared'
 import { Message } from '#/shared/lib/types/model'
 import { BotMessage } from '#/widgets/messages'
@@ -81,8 +80,6 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 		cursor: 'pointer',
 	}
 
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	return (
 		<>
 			<span className='tutorial-message'>
@@ -103,7 +100,7 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 								<Typography
 									variant='body2'
 									sx={{
-										color: theme === 'light' ? '#868686' : '#A6A5A5',
+										color: '#A6A5A5',
 										lineHeight: '19.6px',
 										fontSize: '13px',
 										fontWeight: '600',
@@ -157,10 +154,7 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 												{!loaded && (
 													<Skeleton
 														sx={{
-															background:
-																theme === 'dark'
-																	? '#2d2d2f'
-																	: '#EFF0F2',
+															background: '#2d2d2f',
 															position: 'absolute',
 															top: '0',
 															left: '0',
@@ -235,18 +229,12 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 														onClick={handleClose}
 														sx={{
 															'& .MuiMenu-list': {
-																backgroundColor:
-																	theme === 'dark'
-																		? '#303035'
-																		: '#EFF0F2',
+																backgroundColor: '#303035',
 																color: '#8280FF',
 																borderRadius: '15px',
 															},
 															'& .MuiPopover-paper': {
-																backgroundColor:
-																	theme === 'dark'
-																		? '#303035'
-																		: '#EFF0F2',
+																backgroundColor: '#303035',
 																borderRadius: '15px',
 															},
 														}}
@@ -393,9 +381,7 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 														position: 'relative',
 														padding: '15px 23px',
 
-														border: `1px solid ${
-															theme === 'dark' ? '#303035' : '#EFF0F2'
-														}`,
+														border: '1px solid #303035',
 
 														boxShadow: 'none',
 														fontSize: '15px',
@@ -497,18 +483,12 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 														onClick={handleClose}
 														sx={{
 															'& .MuiMenu-list': {
-																backgroundColor:
-																	theme === 'dark'
-																		? '#303035'
-																		: '#EFF0F2',
+																backgroundColor: '#303035',
 																color: '#8280FF',
 																borderRadius: '15px',
 															},
 															'& .MuiPopover-paper': {
-																backgroundColor:
-																	theme === 'dark'
-																		? '#303035'
-																		: '#EFF0F2',
+																backgroundColor: '#303035',
 																borderRadius: '15px',
 															},
 														}}
@@ -694,14 +674,12 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 												onClick={handleClose}
 												sx={{
 													'& .MuiMenu-list': {
-														backgroundColor:
-															theme === 'dark' ? '#303035' : '#EFF0F2',
+														backgroundColor: '#303035',
 														color: '#8280FF',
 														borderRadius: '15px',
 													},
 													'& .MuiPopover-paper': {
-														backgroundColor:
-															theme === 'dark' ? '#303035' : '#EFF0F2',
+														backgroundColor: '#303035',
 														borderRadius: '15px',
 													},
 												}}
@@ -829,7 +807,6 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 						isNewMessage={props.isNewMessage}
 						message={props.message}
 						desktop={desktop}
-						theme={theme}
 						modelType={props.modelType}
 					/>
 				)}
@@ -4,7 +4,6 @@ import Box from '@mui/material/Box'
 
 import { AudioPlayer, AudioPlayerRef } from './audio-player'
 
-import { useAppSelector } from '#/app/store/store'
 import { Message } from '#/entities/message'
 import { TooltipCustom } from '#/shared'
 
@@ -18,7 +17,6 @@ export const AudioMessagesList: React.FC<MessagesList> = memo(({ device, audios
 	const [loadedAudios, setLoadedAudios] = useState<Set<string>>(new Set())
 	const [currentlyPlaying, setCurrentlyPlaying] = useState<string | null>(null)
 	const audioRefs = useRef<{ [key: string]: (HTMLAudioElement & AudioPlayerRef) | null }>({})
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	const handleAudioLoad = (uid: string) => {
 		setLoadedAudios((prev) => new Set([...prev, uid]))
@@ -92,14 +90,14 @@ export const AudioMessagesList: React.FC<MessagesList> = memo(({ device, audios
 										gap: '12px',
 										padding: '12px',
 										borderRadius: '15px',
-										backgroundColor: theme === 'dark' ? '#1E1E20' : '#F5F5F7',
+										backgroundColor: '#1E1E20',
 										width: '100%',
 									}}
 								>
 									{!loadedAudios.has(message.uid) && (
 										<Skeleton
 											sx={{
-												background: theme === 'dark' ? '#2d2d2f' : '#EFF0F2',
+												background: '#2d2d2f',
 												borderRadius: '8px',
 												width: '100%',
 												height: '48px',
@@ -152,7 +150,7 @@ export const AudioMessagesList: React.FC<MessagesList> = memo(({ device, audios
 											<Typography
 												sx={{
 													fontSize: '15px',
-													color: theme === 'dark' ? '#D4D4D4' : '#555556',
+													color: '#D4D4D4',
 													marginBottom: '8px',
 													overflow: 'hidden',
 													textOverflow: 'ellipsis',
@@ -13,7 +13,6 @@ import type { SxProps, Theme } from '@mui/material/styles'
 
 import styles from './audio-player.module.scss'
 
-import { useAppSelector } from '#/app/store/store'
 import { TooltipCustom } from '#/shared'
 import { useImageIcons } from '../model'
 import { c } from '#/shared/lib/helpers'
@@ -70,17 +69,16 @@ const AudioPlayerBase = (
 	const [volume, setVolume] = useState(1)
 	const [muted, setMuted] = useState(false)
 	const [volumeHovered, setVolumeHovered] = useState(false)
-	const theme = useAppSelector((state) => state.theme.theme)
 	const { toggleMenu, downloadFile, iconsMenu } = useImageIcons()
 
 	const palette = useMemo(
 		() => ({
 			controlBg: baseColor,
 			controlBgHover: '#6d6be0',
-			textSecondary: theme === 'dark' ? '#A4AAB5' : '#6C727F',
-			progressRail: theme === 'dark' ? '#3A3A3F' : '#D5D7E0',
+			textSecondary: '#A4AAB5',
+			progressRail: '#3A3A3F',
 		}),
-		[theme]
+		[]
 	)
 	const composedContainerSx = containerSx
 
@@ -335,7 +333,7 @@ const AudioPlayerBase = (
 						<Box
 							className={styles.menuDropdown}
 							sx={{
-								background: theme === 'dark' ? '#303035' : '#FFFFFF',
+								background: '#303035',
 								display: iconsMenu === uid ? 'flex' : 'none',
 							}}
 						>
@@ -3,7 +3,6 @@ import { Box, Menu, MenuItem, Slide, Typography } from '@mui/material'
 import Stack from '@mui/material/Stack'
 import Image from 'next/image'
 
-import { useAppSelector } from '#/app/store/store'
 import { TooltipCustom } from '#/shared'
 import { formatDate } from '#/shared/lib/helpers'
 import { Markdown } from '#/widgets/markdown/markdown'
@@ -25,7 +24,6 @@ export function BotMessage(props: any) {
 	const handleClose = () => {
 		setAnchorEl(null)
 	}
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	useEffect(() => {
 		if (props.message.file) {
@@ -94,7 +92,7 @@ export function BotMessage(props: any) {
 						<Typography
 							variant='body2'
 							sx={{
-								color: props.theme === 'light' ? '#868686' : '#A6A5A5',
+								color: '#A6A5A5',
 								lineHeight: '16.8px',
 								fontSize: '13px',
 								fontWeight: '600',
@@ -106,7 +104,7 @@ export function BotMessage(props: any) {
 						<Typography
 							variant='body2'
 							sx={{
-								color: props.theme === 'light' ? '#868686' : '#A6A5A5',
+								color: '#A6A5A5',
 								lineHeight: '19.6px',
 								fontSize: '13px',
 								fontWeight: '600',
@@ -131,10 +129,8 @@ export function BotMessage(props: any) {
 								overflowY: 'auto',
 								position: 'relative',
 								padding: '15px 23px',
-								border: `1px solid ${
-									props.theme === 'dark' ? '#303035' : '#EFF0F2'
-								}`,
-								color: props.theme === 'light' ? '#5E5E5E' : '#A6A5A5',
+								border: `1px solid #303035`,
+								color: '#A6A5A5',
 								boxShadow: 'none',
 								lineHeight: '22.5px',
 								fontSize: '15px',
@@ -244,14 +240,12 @@ export function BotMessage(props: any) {
 								onClick={handleClose}
 								sx={{
 									'& .MuiMenu-list': {
-										backgroundColor:
-											theme === 'dark' ? '#303035' : '#EFF0F2',
+										backgroundColor: '#303035',
 										color: '#8280FF',
 										borderRadius: '15px',
 									},
 									'& .MuiPopover-paper': {
-										backgroundColor:
-											theme === 'dark' ? '#303035' : '#EFF0F2',
+										backgroundColor: '#303035',
 										borderRadius: '15px',
 									},
 								}}
@@ -2,7 +2,6 @@ import { Box,Grow } from '@mui/material'
 
 import { useImageIcons } from '../model'
 
-import { useAppSelector } from '#/app/store/store'
 import { TooltipCustom } from '#/shared'
 
 export interface ImageIconsProps {
@@ -13,8 +12,6 @@ export interface ImageIconsProps {
 }
 
 export const ImageIcons = ({ uid, url, content, buttonText }: ImageIconsProps) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	const { toggleMenu, downloadFile, iconsMenu } = useImageIcons()
 
 	return (
@@ -37,7 +34,7 @@ export const ImageIcons = ({ uid, url, content, buttonText }: ImageIconsProps) =
 				fill='none'
 				xmlns='http://www.w3.org/2000/svg'
 			>
-				<circle cx='17.5' cy='17.5' r='17.5' fill={theme === 'dark' ? '#303035' : '#FFFFFF'} />
+				<circle cx='17.5' cy='17.5' r='17.5' fill='#303035' />
 				<path
 					fillRule='evenodd'
 					clipRule='evenodd'
@@ -52,7 +49,7 @@ export const ImageIcons = ({ uid, url, content, buttonText }: ImageIconsProps) =
 					gap={'20px'}
 					sx={{
 						zIndex: '5',
-						background: theme === 'dark' ? '#303035' : '#FFFFFF',
+						background: '#303035',
 						position: 'absolute',
 						top: '50px',
 						right: '11px',
@@ -11,7 +11,6 @@ import { ImageIcons } from './image-icons'
 
 import styles from './image-messages-list.module.scss'
 
-import { useAppSelector } from '#/app/store/store'
 import { Message } from '#/entities/message'
 import { ImageModal } from '#/features/image-modal'
 import { ClientOnly, TooltipCustom } from '#/shared'
@@ -27,7 +26,6 @@ interface MessagesList {
 export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images, getMessagesPagination }) => {
 	const { showMessage } = useShowDataStore()
 	const [modal, setModal] = useState<boolean>(false)
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	const { chosenImage, setChosenImage, loaded, setLoaded, computedLibraryImages } = useMessages(images)
 
@@ -200,7 +198,7 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images,
 												{!loaded && (
 													<Skeleton
 														sx={{
-															background: theme === 'dark' ? '#2d2d2f' : '#EFF0F2',
+															background: '#2d2d2f',
 															position: 'absolute',
 															top: '0',
 															left: '0',
@@ -230,7 +228,7 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images,
 														fontSize: '15px',
 														maxWidth: device === 'desktop' ? '250px' : '100%',
 														marginTop: '12px',
-														color: theme === 'dark' ? '#A4AAB5' : '#555556',
+														color: '#A4AAB5',
 													}}
 												>
 													{!loaded
@@ -3,7 +3,6 @@ import { Box, Menu, MenuItem, Skeleton, Slide, Typography } from '@mui/material'
 import Stack from '@mui/material/Stack'
 import Image from 'next/image'
 
-import { useAppSelector } from '#/app/store/store'
 import { TooltipCustom } from '#/shared'
 import { Message } from '#/shared/lib/types/model'
 import { BotMessage } from '#/widgets/messages'
@@ -82,7 +81,6 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 		cursor: 'pointer',
 	}
 
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	return (
 		<>
@@ -104,7 +102,7 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 								<Typography
 									variant='body2'
 									sx={{
-										color: theme === 'light' ? '#868686' : '#A6A5A5',
+										color: '#A6A5A5',
 										lineHeight: '19.6px',
 										fontSize: '13px',
 										fontWeight: '600',
@@ -156,7 +154,7 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 												{!loaded && (
 													<Skeleton
 														sx={{
-															background: theme === 'dark' ? '#2d2d2f' : '#EFF0F2',
+															background: '#2d2d2f',
 															position: 'absolute',
 															top: '0',
 															left: '0',
@@ -232,12 +230,12 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 														onClick={handleClose}
 														sx={{
 															'& .MuiMenu-list': {
-																backgroundColor: theme === 'dark' ? '#303035' : '#EFF0F2',
+																backgroundColor: '#303035',
 																color: '#8280FF',
 																borderRadius: '15px',
 															},
 															'& .MuiPopover-paper': {
-																backgroundColor: theme === 'dark' ? '#303035' : '#EFF0F2',
+																backgroundColor: '#303035',
 																borderRadius: '15px',
 															},
 														}}
@@ -376,7 +374,7 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 														position: 'relative',
 														padding: '15px 23px',
 
-														border: `1px solid ${theme === 'dark' ? '#303035' : '#EFF0F2'}`,
+														border: `1px solid #303035`,
 
 														boxShadow: 'none',
 														fontSize: '15px',
@@ -472,12 +470,12 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 														onClick={handleClose}
 														sx={{
 															'& .MuiMenu-list': {
-																backgroundColor: theme === 'dark' ? '#303035' : '#EFF0F2',
+																backgroundColor: '#303035',
 																color: '#8280FF',
 																borderRadius: '15px',
 															},
 															'& .MuiPopover-paper': {
-																backgroundColor: theme === 'dark' ? '#303035' : '#EFF0F2',
+																backgroundColor: '#303035',
 																borderRadius: '15px',
 															},
 														}}
@@ -664,12 +662,12 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 												onClick={handleClose}
 												sx={{
 													'& .MuiMenu-list': {
-														backgroundColor: theme === 'dark' ? '#303035' : '#EFF0F2',
+														backgroundColor: '#303035',
 														color: '#8280FF',
 														borderRadius: '15px',
 													},
 													'& .MuiPopover-paper': {
-														backgroundColor: theme === 'dark' ? '#303035' : '#EFF0F2',
+														backgroundColor: '#303035',
 														borderRadius: '15px',
 													},
 												}}
@@ -796,7 +794,6 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 						isNewMessage={props.isNewMessage}
 						message={props.message}
 						desktop={desktop}
-						theme={theme}
 						modelType={props.modelType}
 					/>
 				)}
@@ -6,7 +6,6 @@ import { ImageIcons } from './image-icons'
 
 import styles from './image-messages-list.module.scss'
 
-import { useAppSelector } from '#/app/store/store'
 import { VideoMessage } from '#/entities/message'
 import VideoPlayerModal from '#/features/video-player/video-player-modal'
 import { TooltipCustom } from '#/shared'
@@ -24,7 +23,6 @@ export const VideoMessagesList: React.FC<MessagesList> = memo(({ device, videos,
 	const [isModalOpen, setIsModalOpen] = useState(false)
 	const [selectedVideoUrl, setSelectedVideoUrl] = useState('')
 	const [selectedVideoTitle, setSelectedVideoTitle] = useState('')
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	const handleVideoLoad = (uid: string) => {
 		setLoadedVideos(prev => new Set([...prev, uid]))
@@ -121,7 +119,7 @@ export const VideoMessagesList: React.FC<MessagesList> = memo(({ device, videos,
 												{!loadedVideos.has(message.uid) && (
 													<Skeleton
 														sx={{
-															background: theme === 'dark' ? '#2d2d2f' : '#EFF0F2',
+															background: '#2d2d2f',
 															position: 'absolute',
 															top: '0',
 															left: '0',
@@ -146,7 +144,7 @@ export const VideoMessagesList: React.FC<MessagesList> = memo(({ device, videos,
 														fontSize: '15px',
 														maxWidth: device === 'desktop' ? '250px' : '100%',
 														marginTop: '12px',
-														color: theme === 'dark' ? '#A4AAB5' : '#555556',
+														color: '#A4AAB5',
 													}}
 												>
 													{!loadedVideos.has(message.uid)
@@ -1,27 +1,23 @@
 import React from 'react'
 
-interface IconProps {
-	theme: string
-}
-
-export const PythonIcon = ({ theme }: IconProps) => (
+export const PythonIcon = () => (
 	<svg width='40' height='40' viewBox='0 0 295 298' fill='none' xmlns='http://www.w3.org/2000/svg'>
 		<path
 			fillRule='evenodd'
 			clipRule='evenodd'
 			d='M147.064 220.38C147.064 223.461 147.064 226.255 147.064 229.353C170.608 229.353 194.027 229.353 217.427 229.353C217.427 240.289 217.427 250.925 217.424 261.56C217.424 261.655 217.377 261.75 217.36 261.846C215.806 270.864 210.786 277.596 203.496 282.801C194.478 289.238 184.125 292.35 173.508 294.811C148.724 300.559 124.525 298.557 101.166 288.63C95.6135 286.271 90.4273 282.578 85.7847 278.656C79.1361 273.037 75.928 265.396 75.9192 256.588C75.898 233.875 75.685 211.16 75.9847 188.451C76.2539 168.025 92.1038 152.713 112.516 152.654C135.208 152.587 157.905 152.337 180.59 152.72C203.525 153.109 223.011 135.613 226.174 113.828C226.538 111.322 226.575 108.755 226.589 106.215C226.636 97.3064 226.607 88.3975 226.607 79.4887C226.607 78.4396 226.607 77.3896 226.607 76.0436C230.25 76.0436 233.549 76.0436 236.849 76.0436C242.13 76.0442 247.413 76.0849 252.694 76.0369C265.262 75.922 274.631 81.405 281.046 92.1333C285.73 99.9666 288.066 108.628 290.05 117.428C293.099 130.948 294.947 144.582 293.941 158.474C292.757 174.815 288.034 190.151 280.226 204.488C274.242 215.475 264.728 220.458 252.24 220.417C218.495 220.306 184.751 220.379 151.007 220.38C149.752 220.38 148.496 220.38 147.064 220.38ZM186.966 247.482C179.477 247.409 173.577 253.232 173.515 260.756C173.453 268.262 179.281 274.401 186.585 274.523C193.868 274.645 199.974 268.578 200.053 261.14C200.132 253.574 194.365 247.555 186.966 247.482Z'
-			fill={theme == 'dark' ? 'white' : 'black'}
+			fill='white'
 		/>
 		<path
 			fillRule='evenodd'
 			clipRule='evenodd'
 			d='M146.707 76.0437C146.707 72.9738 146.707 70.1993 146.707 67.077C123.118 67.077 99.6978 67.077 76.2172 67.077C76.0792 66.1824 75.9151 65.6184 75.9174 65.0553C75.9585 55.07 75.7623 45.075 76.1354 35.1016C76.7297 19.2054 83.0994 10.5914 98.4156 6.3181C107.678 3.73446 117.3 2.04802 126.874 1.06148C145.724 -0.881053 164.591 -0.155551 183.273 3.22256C194.113 5.18226 203.345 10.2096 210.323 18.9185C215.189 24.9929 217.749 31.9432 217.748 39.7852C217.743 62.4012 217.857 85.0178 217.715 107.633C217.584 128.359 202.062 143.63 181.32 143.665C158.431 143.705 135.542 143.655 112.653 143.682C90.3073 143.707 71.9229 158.855 67.7201 180.784C67.1721 183.645 67.0729 186.621 67.0467 189.547C66.9637 198.651 67.0161 207.757 67.0161 216.862C67.0161 217.914 67.0161 218.966 67.0161 220.38C64.8411 220.38 63.0088 220.395 61.1775 220.378C53.9417 220.312 46.6919 220.502 39.4747 220.103C28.1172 219.474 19.5971 213.755 13.3013 204.459C8.03798 196.688 5.7375 187.824 3.59329 178.849C-1.9526 155.642 -0.909305 132.661 5.55358 109.815C11.5683 88.5522 27.9161 76.0941 50.0607 76.0574C81.0681 76.0059 112.075 76.0437 143.083 76.0437C144.233 76.0437 145.384 76.0437 146.707 76.0437ZM106.785 21.9436C99.4196 21.9948 93.6289 28.0151 93.6726 35.5771C93.716 43.051 99.7051 49.0482 107.055 48.9764C114.373 48.9051 120.272 42.7754 120.209 35.3097C120.146 27.844 114.169 21.893 106.785 21.9436Z'
-			fill={theme == 'dark' ? 'white' : 'black'}
+			fill='white'
 		/>
 	</svg>
 )
 
-export const OpenAIIcon = ({ theme }: IconProps) => (
+export const OpenAIIcon = () => (
 	<svg width='40' height='40' viewBox='0 0 295 292' fill='none' xmlns='http://www.w3.org/2000/svg'>
 		<mask id='mask0_6_7' maskUnits='userSpaceOnUse' x='0' y='0' width='295' height='292'>
 			<path d='M294.518 0H0V291.889H294.518V0Z' fill='white' />
@@ -29,37 +25,37 @@ export const OpenAIIcon = ({ theme }: IconProps) => (
 		<g mask='url(#mask0_6_7)'>
 			<path
 				d='M112.961 106.247V78.5176C112.961 76.1822 113.837 74.4302 115.88 73.2634L171.632 41.1562C179.221 36.778 188.27 34.7358 197.609 34.7358C232.635 34.7358 254.82 61.8821 254.82 90.7779C254.82 92.8207 254.82 95.1561 254.528 97.4915L196.733 63.6317C193.231 61.5889 189.727 61.5889 186.225 63.6317L112.961 106.247ZM243.144 214.247V147.987C243.144 143.899 241.391 140.981 237.889 138.938L164.625 96.3223L188.56 82.6025C190.603 81.4364 192.355 81.4364 194.398 82.6025L250.15 114.71C266.205 124.052 277.003 143.899 277.003 163.163C277.003 185.346 263.869 205.779 243.144 214.245V214.247ZM95.7395 155.87L71.8046 141.86C69.7625 140.693 68.8858 138.941 68.8858 136.606V72.3904C68.8858 41.1586 92.8207 17.5139 125.221 17.5139C137.482 17.5139 148.863 21.6019 158.498 28.8983L100.996 62.1753C97.4945 64.2175 95.7425 67.1363 95.7425 71.2237V155.872L95.7395 155.87ZM147.259 185.641L112.961 166.377V125.514L147.259 106.25L181.554 125.514V166.377L147.259 185.641ZM169.296 274.377C157.036 274.377 145.654 270.29 136.02 262.993L193.521 229.716C197.023 227.674 198.775 224.755 198.775 220.667V136.02L223.003 150.03C225.046 151.196 225.922 152.948 225.922 155.283V219.498C225.922 250.73 201.694 274.375 169.296 274.375V274.377ZM100.118 209.286L44.3651 177.178C28.31 167.837 17.5115 147.99 17.5115 128.726C17.5115 106.25 30.9386 86.1102 51.6615 77.6446V144.195C51.6615 148.282 53.4141 151.201 56.9157 153.243L129.89 195.566L105.955 209.286C103.912 210.452 102.16 210.452 100.118 209.286ZM96.9087 257.156C63.9249 257.156 39.6974 232.345 39.6974 201.697C39.6974 199.361 39.99 197.026 40.2802 194.69L97.7823 227.967C101.284 230.01 104.788 230.01 108.29 227.967L181.554 185.644V213.374C181.554 215.71 180.678 217.462 178.635 218.628L122.883 250.736C115.294 255.113 106.245 257.156 96.9057 257.156H96.9087ZM169.296 291.889C204.615 291.889 234.095 266.788 240.811 233.511C273.502 225.046 294.518 194.397 294.518 163.166C294.518 142.733 285.762 122.886 270 108.583C271.459 102.452 272.335 96.3223 272.335 90.1951C272.335 48.4556 238.475 17.2213 199.361 17.2213C191.482 17.2213 183.892 18.3875 176.303 21.0161C163.166 8.17234 145.069 0 125.221 0C89.9025 0 60.4233 25.101 53.7073 58.3775C21.0161 66.8431 0 97.4915 0 128.723C0 149.156 8.75574 169.003 24.5183 183.306C23.0589 189.436 22.1829 195.566 22.1829 201.694C22.1829 243.433 56.0427 274.667 95.1561 274.667C103.036 274.667 110.625 273.501 118.215 270.873C131.349 283.716 149.446 291.889 169.296 291.889Z'
-				fill={theme == 'dark' ? 'white' : 'black'}
+				fill='white'
 			/>
 		</g>
 	</svg>
 )
 
-export const CURLIcon = ({ theme }: IconProps) => (
+export const CURLIcon = () => (
 	<svg width='84' height='40' viewBox='0 0 664 200' fill='none' xmlns='http://www.w3.org/2000/svg'>
 		<path
 			d='M573.918 27.147C568.611 27.147 564.324 22.8519 564.324 17.5535C564.324 12.2551 568.611 7.96006 573.918 7.96006C579.224 7.96006 583.503 12.2468 583.503 17.5535C583.503 22.8602 579.216 27.147 573.918 27.147ZM478.564 191.04C476.021 191.033 473.585 190.021 471.787 188.223C469.99 186.425 468.977 183.989 468.97 181.447C468.97 176.14 473.265 171.853 478.564 171.853C483.862 171.853 488.157 176.14 488.157 181.447C488.157 186.753 483.87 191.04 478.564 191.04ZM573.918 6.10352e-05C569.261 0.00445172 564.797 1.85611 561.505 5.14863C558.212 8.44114 556.36 12.9055 556.356 17.5618C556.356 19.6347 556.878 21.5584 557.533 23.3991L475.156 164.606C467.196 166.265 461.085 173.006 461.085 181.463C461.089 186.119 462.941 190.584 466.233 193.876C469.526 197.169 473.99 199.021 478.647 199.025C483.303 199.021 487.767 197.169 491.06 193.876C494.352 190.584 496.204 186.119 496.208 181.463C496.208 179.515 495.686 177.732 495.105 175.991L577.906 34.3358C585.617 32.4868 591.488 25.8783 591.488 17.5867C591.483 12.9304 589.632 8.46601 586.339 5.1735C583.047 1.88098 578.582 0.029321 573.926 0.0249303M442.71 56.5078C445.253 56.5143 447.689 57.5272 449.487 59.3249C451.284 61.1226 452.297 63.5589 452.304 66.1012C452.297 68.6435 451.284 71.0799 449.487 72.8776C447.689 74.6753 445.253 75.6881 442.71 75.6947C437.404 75.6947 433.117 71.3996 433.117 66.1012C433.117 60.8028 437.404 56.5078 442.71 56.5078ZM442.71 83.663C447.367 83.6586 451.831 81.8069 455.124 78.5144C458.416 75.2219 460.268 70.7575 460.272 66.1012C460.272 64.161 459.742 62.37 459.161 60.6287C456.839 53.6637 450.455 48.5478 442.71 48.5478C441.467 48.5478 440.389 49.0121 439.211 49.2608C431.251 50.9192 425.149 57.652 425.149 66.1095C425.153 70.7658 427.005 75.2302 430.297 78.5227C433.59 81.8152 438.054 83.6669 442.71 83.6713M433.117 127.451C433.117 122.145 437.412 117.858 442.71 117.858C448.009 117.858 452.304 122.145 452.304 127.451C452.304 132.758 448.009 137.036 442.71 137.036C437.412 137.036 433.117 132.75 433.117 127.451ZM460.272 127.451C460.272 125.503 459.742 123.72 459.161 121.979C456.839 115.014 450.471 109.898 442.71 109.898C441.467 109.898 440.389 110.362 439.211 110.603C431.251 112.261 425.149 119.002 425.149 127.46C425.153 132.116 427.005 136.58 430.297 139.873C433.59 143.165 438.054 145.017 442.71 145.021C447.367 145.017 451.831 143.165 455.124 139.873C458.416 136.58 460.268 132.108 460.272 127.451Z'
-			fill={theme == 'dark' ? 'white' : 'black'}
+			fill='white'
 		/>
 		<path
 			d='M0 147.157C0 160.874 2.5678 167.611 13.2644 176.432L29.7578 190.16C40.2147 198.759 45.563 199.001 58.5837 199.001H93.9296C101.362 199.001 109.278 197.369 109.278 187.852C109.278 178.064 100.457 176.675 93.9315 176.675H54.6566C50.2152 176.675 45.8047 174.349 41.8466 171.068L28.3695 159.66C24.8659 156.881 22.3271 154.555 22.3271 150.143V122.508C22.3271 118.099 24.8659 115.771 28.3695 112.962L41.8466 101.554C45.8047 98.3208 50.2152 95.9947 54.6566 95.9947H93.9141C100.44 95.9947 109.263 94.5755 109.263 84.8186C109.263 75.3015 101.347 73.6696 93.9161 73.6696H58.5876C45.5668 73.6696 40.2185 73.9113 29.7656 82.4925L13.2721 96.2093C2.5794 105.061 0.00773562 111.8 0.00773562 125.515L0 147.157Z'
-			fill={theme == 'dark' ? 'white' : 'black'}
+			fill='white'
 		/>
 		<path
 			d='M230.189 89.0281C230.189 81.3517 228.557 73.6812 219.04 73.6812C209.494 73.6812 207.864 81.3575 207.864 89.03V153.896L175.082 174.589C173.02 175.974 170.586 176.701 168.102 176.674H160.669C155.321 176.674 149.52 175.281 147.648 172.021C145.773 168.788 145.564 162.717 145.322 157.61L142.996 89.0261C142.754 81.8061 141.604 73.6793 132.06 73.6793C121.85 73.6793 120.652 82.2895 120.911 90.4164L123.237 160.631C123.689 172.715 123.478 182.264 133.479 190.872C140.912 197.125 147.89 199.001 154.174 199.001H170.668C176.71 199.001 182.752 196.222 189.972 191.568L208.1 179.696V183.412C208.1 191.088 209.732 199.003 219.249 199.003C231.121 199.003 230.185 187.594 230.185 182.509L230.189 89.0281Z'
-			fill={theme == 'dark' ? 'white' : 'black'}
+			fill='white'
 		/>
 		<path
 			d='M241.818 183.654C241.818 191.33 243.45 199.002 252.967 199.002C262.515 199.002 264.143 191.326 264.143 183.655V127.156L295.297 101.354C299.255 98.0925 302.258 96.0061 306.446 96.0061H312.972C318.32 96.0061 323.664 96.0061 326.449 99.9642C328.769 103.197 328.769 106.007 328.769 109.723C328.769 116.916 332.033 123.44 340.177 123.44C349.725 123.44 351.114 115.524 351.114 107.851C351.114 97.642 348.546 89.9656 341.113 82.5213C335.071 76.4789 327.88 73.7003 319.269 73.7003H301.333C294.373 73.7003 287.856 78.1089 281.572 83.2174L264.139 97.6613V88.5676C264.139 81.135 261.813 73.7042 252.963 73.7042C242.754 73.7042 241.814 82.0727 241.814 90.1977L241.818 183.654Z'
-			fill={theme == 'dark' ? 'white' : 'black'}
+			fill='white'
 		/>
 		<path
 			d='M392.015 43.2272C392.015 29.9628 388.298 27.6387 375.521 27.6387H352.048C344.584 27.6387 336.701 29.2706 336.701 38.7877C336.701 48.5774 345.524 49.9638 352.05 49.9638H369.722V176.672H352.05C344.586 176.672 336.703 178.303 336.703 187.848C336.697 197.608 345.518 199.001 352.044 199.001H408.752C415.278 199.001 424.101 197.608 424.101 187.852C424.101 178.305 416.215 176.675 408.754 176.675H392.017L392.015 43.2272Z'
-			fill={theme == 'dark' ? 'white' : 'black'}
+			fill='white'
 		/>
 		<path
 			d='M645.774 27.1467C640.467 27.1467 636.181 22.8517 636.181 17.5533C636.181 12.2549 640.467 7.95983 645.774 7.95983C651.081 7.95983 655.368 12.2466 655.368 17.5533C655.361 20.0956 654.348 22.5319 652.55 24.3296C650.753 26.1273 648.316 27.1402 645.774 27.1467ZM550.511 191.048C545.205 191.048 540.918 186.753 540.918 181.455C540.918 176.156 545.205 171.861 550.511 171.861C555.818 171.861 560.096 176.148 560.096 181.455C560.096 186.761 555.81 191.048 550.511 191.048ZM645.865 0.00811768C641.209 0.0125084 636.745 1.86417 633.452 5.15668C630.16 8.4492 628.308 12.9136 628.304 17.5699C628.304 19.6428 628.826 21.5665 629.481 23.4072L547.004 164.598C539.044 166.256 532.941 172.997 532.941 181.455C532.946 186.111 534.797 190.575 538.09 193.868C541.382 197.16 545.847 199.012 550.503 199.016C555.158 199.01 559.62 197.157 562.911 193.865C566.201 190.573 568.052 186.11 568.056 181.455C568.056 179.506 567.534 177.723 566.954 175.982L649.754 34.3273C657.465 32.4783 663.336 25.8698 663.336 17.5782C663.331 12.9218 661.48 8.45749 658.187 5.16498C654.895 1.87246 650.43 0.0208034 645.774 0.0164127'
-			fill={theme == 'dark' ? 'white' : 'black'}
+			fill='white'
 		/>
 	</svg>
 )
@@ -1,7 +1,6 @@
 import React, { memo, useMemo, useState } from 'react'
 import { Stack, Tab, Tabs, Typography } from '@mui/material'
 
-import { useAppSelector } from '#/app/store/store'
 import { IScope, TApiModel } from '#/widgets/model-api-view/types'
 
 import { CURLIcon, OpenAIIcon, PythonIcon } from './icons'
@@ -32,7 +31,6 @@ export const ModelApiView = memo(({ version, slug, APIModel, showFileExample = f
 		return baseScopes
 	}, [APIModel])
 
-	const theme = useAppSelector((state) => state.theme.theme)
 	const params = modelParams || {}
 	const [scope, setScope] = useState<string>(scopes[0].scope)
 
@@ -61,14 +59,14 @@ export const ModelApiView = memo(({ version, slug, APIModel, showFileExample = f
 								label={
 									<Stack direction={'column'} spacing={2} alignItems={'center'} sx={{ width: '162px' }}>
 										{el.scope.includes('Python') && !el.scope.includes('OpenAI') ? (
-											<PythonIcon theme={theme} />
+											<PythonIcon />
 										) : el.scope.includes('cURL') ? (
-											<CURLIcon theme={theme} />
+											<CURLIcon />
 										) : el.scope.includes('OpenAI') ? (
 											<Stack alignItems={'center'} direction={'row'} gap={2}>
-												<PythonIcon theme={theme} />
+												<PythonIcon />
 												x
-												<OpenAIIcon theme={theme} />
+												<OpenAIIcon />
 											</Stack>
 										) : (
 											<></>
@@ -5,7 +5,6 @@ import { KeyForSearch } from './key-for-search'
 import { useNavigationSearchChatLinks, useNavigationSearchModel } from '../model'
 import { staticLinks } from '../config'
 import { InputStyleDark, InputStyleLight, useConcat } from '#/shared'
-import { useAppSelector } from '#/app/store/store'
 import { useRouter } from 'next/router'
 import { NavigationSearchLink } from '../api/types'
 import { useNavigationSearchMediaLinks } from '../model/use-media-links'
@@ -17,8 +16,6 @@ interface SearchProps {
 export const Search = ({ device }: SearchProps) => {
 	const desktop = device === 'desktop'
 
-	const { theme } = useAppSelector((state) => state.theme)
-
 	const { push } = useRouter()
 
 	const { fetchChatLinks, visibleChatLinks } = useNavigationSearchChatLinks()
@@ -94,19 +91,13 @@ export const Search = ({ device }: SearchProps) => {
 							inputRef={searchRef}
 							{...params}
 							fullWidth
-							sx={
-								theme === 'light'
-									? {
-											...InputStyleLight,
-											'& input': {
-												fontSize: '18px !important',
-												fontWeight: 500,
-											},
-									  }
-									: {
-											...InputStyleDark,
-									  }
-							}
+							sx={{
+								...InputStyleDark,
+								'& input': {
+									fontSize: '18px !important',
+									fontWeight: 500,
+								},
+							}}
 							className='bg-color-block'
 							size='small'
 							value={search}
@@ -4,16 +4,15 @@ import Image from 'next/image'
 import { useRouter } from 'next/router'
 import { useSession } from 'next-auth/react'
 
-import { useAppSelector } from '#/app/store/store'
 import { getReferral, IReferral } from '#/shared/api/endpoints'
 import { API_HOST } from '#/shared/lib/constants'
 import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
+import { useAppSelector } from '#/app/store/store'
 interface IProps {
 	device: 'desktop' | 'mobile'
 }
 
 export const Referral = ({ device }: IProps) => {
-	const theme = useAppSelector((state) => state.theme.theme)
 	const email = useAppSelector((state) => state.user.email)
 	const { push } = useRouter()
 	const url = API_HOST + '/r/' + email
@@ -23,7 +22,7 @@ export const Referral = ({ device }: IProps) => {
 	const [referrals, setReferrals] = useState<IReferral | null>(null)
 
 	const block_style = {
-		backgroundColor: theme === 'dark' ? '#151518' : 'white',
+		backgroundColor: '#151518',
 		borderRadius: '13px',
 		padding: '20px',
 		color: 'white',
@@ -36,16 +35,16 @@ export const Referral = ({ device }: IProps) => {
 		letterSpacing: '0.5px',
 	}
 	const button_style = {
-		border: theme === 'dark' ? '2px solid #40404E' : '2px solid #EFF0F2',
+		border: '2px solid #40404E',
 		width: '100%',
 		paddingY: '3px',
 		borderRadius: '13px',
 		cursor: 'pointer',
-		backgroundColor: theme === 'dark' ? '#40404E' : '#EFF0F2',
+		backgroundColor: '#40404E',
 		transition: 'all',
 		transitionDuration: '150ms',
 		'&:hover': {
-			backgroundColor: theme === 'dark' ? '#151518' : 'white',
+			backgroundColor: '#151518',
 		},
 	}
 
@@ -87,7 +86,7 @@ export const Referral = ({ device }: IProps) => {
 						<Stack>
 							<Stack
 								sx={{
-									border: theme === 'dark' ? '2px solid #40404E' : '2px solid #EFF0F2',
+									border: '2px solid #40404E',
 									padding: '10px',
 									borderRadius: '13px',
 									maxWidth: '350px',
@@ -167,7 +166,7 @@ export const Referral = ({ device }: IProps) => {
 								justifyContent={'center'}
 								alignItems={'center'}
 								sx={{
-									backgroundColor: theme === 'dark' ? '#40404E' : '#EFF0F2',
+									backgroundColor: '#40404E',
 									padding: '10px',
 									borderRadius: '100%',
 									width: '60px',
@@ -192,7 +191,7 @@ export const Referral = ({ device }: IProps) => {
 								justifyContent={'center'}
 								alignItems={'center'}
 								sx={{
-									backgroundColor: theme === 'dark' ? '#40404E' : '#EFF0F2',
+									backgroundColor: '#40404E',
 									padding: '10px',
 									borderRadius: '100%',
 									width: '60px',
@@ -217,7 +216,7 @@ export const Referral = ({ device }: IProps) => {
 								justifyContent={'center'}
 								alignItems={'center'}
 								sx={{
-									backgroundColor: theme === 'dark' ? '#40404E' : '#EFF0F2',
+									backgroundColor: '#40404E',
 									padding: '10px',
 									borderRadius: '100%',
 									width: '60px',
@@ -2,7 +2,6 @@ import React, { memo } from 'react'
 import { Box, Typography } from '@mui/material'
 import Image from 'next/image'
 
-import { useAppSelector } from '#/app/store/store'
 import { useAutoScroll } from '#/shared/lib/hooks'
 import { IResponseSD } from '#/shared/lib/types/types-sd'
 
@@ -11,8 +10,6 @@ interface ISDMessagesList {
 	device: 'mobile' | 'desktop'
 }
 export const SdMessagesList: React.FC<ISDMessagesList> = memo(({ messages, device }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	const refScroll = useAutoScroll(messages)
 
 	const desktop = device === 'desktop'
@@ -22,13 +19,7 @@ export const SdMessagesList: React.FC<ISDMessagesList> = memo(({ messages, devic
 			ref={refScroll}
 			sx={{
 				overflowY: 'scroll',
-				backgroundColor: desktop
-					? theme === 'light'
-						? '#F8F8F8'
-						: '#4B4B4B'
-					: theme === 'light'
-					? 'white'
-					: '#4B4B4B',
+				backgroundColor: desktop ? '#4B4B4B' : '#4B4B4B',
 				maxWidth: '100%',
 				padding: 2,
 				borderRadius: 5,
@@ -43,7 +34,7 @@ export const SdMessagesList: React.FC<ISDMessagesList> = memo(({ messages, devic
 							flexDirection='column'
 							alignItems='center'
 							sx={{
-								backgroundColor: theme === 'light' ? 'white' : '#3D3D3D',
+								backgroundColor: '#3D3D3D',
 								marginLeft: desktop ? 2 : 0,
 								borderRadius: '13px',
 								padding: 2.5,
@@ -55,7 +46,7 @@ export const SdMessagesList: React.FC<ISDMessagesList> = memo(({ messages, devic
 										position: 'absolute',
 										right: 22,
 										top: 20,
-										backgroundColor: theme === 'light' ? '#FFFFFF' : '#373737',
+										backgroundColor: '#373737',
 										padding: 0,
 										display: 'flex',
 										alignItems: 'center',
@@ -88,7 +79,7 @@ export const SdMessagesList: React.FC<ISDMessagesList> = memo(({ messages, devic
 									sx={{
 										fontSize: 16,
 										marginTop: 1,
-										color: theme === 'light' ? 'black' : '#FFFFFF',
+										color: '#FFFFFF',
 									}}
 								>
 									<span
@@ -105,7 +96,7 @@ export const SdMessagesList: React.FC<ISDMessagesList> = memo(({ messages, devic
 									sx={{
 										fontSize: 15,
 										marginTop: 1,
-										color: theme === 'light' ? '#868686' : '#A6A5A5',
+										color: '#A6A5A5',
 									}}
 								>
 									{img.created_at.slice(10, 16).replace('T', ' ')}
@@ -16,7 +16,6 @@ import { useSession } from 'next-auth/react'
 import '../styles/styles.module.css'
 import styles from '../styles/styles.module.css'
 
-import { useAppSelector } from '#/app/store/store'
 import { useUserSettingsContext } from '#/entities/user-account'
 import { BUSINESS_ERROR_REPORT, ERROR_REPORT, getModalById } from '#/features/modals'
 
@@ -106,7 +105,6 @@ const Drawer = styled(MuiDrawer, { shouldForwardProp: (prop) => prop !== 'open'
 export const SideMenu = ({}) => {
 	const { status } = useSession()
 	const { pathname, asPath } = useRouter()
-	const theme = useAppSelector((state) => state.theme.theme)
 	const { getOptionValue, settings, updateSettings } = useUserSettingsContext()
 
 	const error_report = getModalById(ERROR_REPORT)
@@ -120,7 +118,7 @@ export const SideMenu = ({}) => {
 			className={styles.drawer}
 			PaperProps={{
 				sx: {
-					backgroundColor: theme === 'light' ? 'white' : '#151518',
+					backgroundColor: '#151518',
 					border: 'none',
 				},
 			}}
@@ -174,7 +172,6 @@ export const SideMenu = ({}) => {
 									key={el.title}
 									open={open === 'opened'}
 									pathname={asPath}
-									theme={theme}
 									title={el.title}
 									link={el.link}
 									icon={el.icon}
@@ -189,7 +186,6 @@ export const SideMenu = ({}) => {
 										key={el.title}
 										open={open === 'opened'}
 										pathname={asPath}
-										theme={theme}
 										title={el.title}
 										link={el.link}
 										icon={el.icon}
@@ -208,7 +204,6 @@ export const SideMenu = ({}) => {
 							<MenuItem
 								open={open === 'opened'}
 								pathname={pathname}
-								theme={theme}
 								title={'Поддержка'}
 								link={null}
 								icon={'/svg/side-menu/side-question'}
@@ -222,7 +217,6 @@ export const SideMenu = ({}) => {
 							<MenuItem
 								open={open === 'opened'}
 								pathname={pathname}
-								theme={theme}
 								title={'Компаниям'}
 								link={null}
 								icon={'/svg/side-menu/for-business'}
@@ -231,7 +225,6 @@ export const SideMenu = ({}) => {
 						<MenuItem
 							open={open === 'opened'}
 								pathname={pathname}
-								theme={theme}
 							title={'API-ключи'}
 							link={'/api-keys'}
 							icon={'/svg/side-menu/api-keys'}
@@ -264,7 +257,6 @@ export const SideMenu = ({}) => {
 type MenuItemProps = {
 	open: boolean
 	pathname: string
-	theme: string
 
 	title: string
 	link: string | null
@@ -274,7 +266,6 @@ type MenuItemProps = {
 
 export function MenuItem(props: MenuItemProps) {
 	const isActive = useMemo(() => props.link === props.pathname || props.activeList?.some((el) => props.pathname.includes(el)), [props.pathname])
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	return (
 		<Tooltip
@@ -285,13 +276,13 @@ export function MenuItem(props: MenuItemProps) {
 			componentsProps={{
 				tooltip: {
 					sx: {
-						bgcolor: theme === 'light' ? '#E8E8FA' : '#4B4B4B',
+						bgcolor: '#4B4B4B',
 						color: '#7F7DF3',
 						fontSize: 15,
 						borderRadius: '10px',
 						padding: '10px 13px',
 						'& .MuiTooltip-arrow': {
-							color: theme === 'light' ? '#E8E8FA' : '#4B4B4B',
+							color: '#4B4B4B',
 						},
 						boxShadow: '0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 32px rgba(0, 0, 0, 0.16)',
 					},
@@ -350,7 +341,7 @@ export function MenuItem(props: MenuItemProps) {
 									opacity: props.open ? 1 : 0,
 									'.MuiTypography-root': {
 										fontSize: 16,
-										color: isActive ? '#8280FF' : props.theme === 'light' ? '#A4AAB5' : '#D4D4D4',
+										color: isActive ? '#8280FF' : '#D4D4D4',
 									},
 								}}
 							/>
@@ -34,7 +34,7 @@ const BorderLinearProgress = styled(LinearProgress)(({ theme }) => ({
 	height: 18,
 	borderRadius: 6,
 	[`&.${linearProgressClasses.colorPrimary}`]: {
-		backgroundColor: theme.palette.mode !== 'dark' ? '#EFF0F2' : '#303035',
+		backgroundColor: '#EFF0F2',
 	},
 	[`& .${linearProgressClasses.bar}`]: {
 		borderRadius: 6,
@@ -7,7 +7,7 @@ import { IProps } from '#/shared/lib/types/entities'
 
 import StatsFilters from '../ui/stats-filters'
 
-export const StatsField: React.FC<IProps> = memo(({ device, token, theme }) => {
+export const StatsField: React.FC<IProps> = memo(({ device, token }) => {
 	const [startDate, setStartDate] = React.useState<Dayjs | null>(dayjs('2023-05-27'))
 
 	const [endDate, setEndDate] = React.useState<Dayjs | null>(null)
@@ -35,7 +35,6 @@ export const StatsField: React.FC<IProps> = memo(({ device, token, theme }) => {
 				productsList={productList}
 			/>
 			<Stats
-				theme={theme}
 				device={device}
 				token={token}
 				start_date={startDate}
@@ -19,7 +19,6 @@ interface IModelTopBar {
 }
 
 export const ModelTopBar: React.FC<IModelTopBar> = memo(({ device, token, favorites, title }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
 
 	const [anchorElModel, setAnchorElModel] = React.useState<HTMLElement | null>(null)
 
@@ -49,13 +48,7 @@ export const ModelTopBar: React.FC<IModelTopBar> = memo(({ device, token, favori
 			justifyContent='space-between'
 			alignItems='center'
 			sx={{
-				backgroundColor: desktop
-					? theme === 'light'
-						? '#F8F8F8'
-						: '#4B4B4B'
-					: theme === 'light'
-					? '#F8F8F8'
-					: 'transparent',
+				backgroundColor: desktop ? '#4B4B4B' : 'transparent',
 				borderRadius: desktop ? '15px' : '15px 15px',
 				marginTop: desktop ? 1 : 0,
 				marginBottom: desktop ? 2 : 1,
@@ -103,7 +96,7 @@ export const ModelTopBar: React.FC<IModelTopBar> = memo(({ device, token, favori
 					direction='row'
 					className='tutorial-balance'
 					sx={{
-						backgroundColor: theme === 'light' ? (desktop ? 'white' : 'transparent') : '#373737',
+						backgroundColor: '#373737',
 						marginRight: 1.2,
 						padding: desktop ? '8px 15px' : '8px 0px',
 						borderRadius: '10px',
@@ -4,13 +4,9 @@ import Typography from '@mui/material/Typography'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 
-import { useAppSelector } from '#/app/store/store'
-
 import { IModelMenu } from './navigate-top-bar'
 
 export const NavigateTopBarMobile: React.FC<IModelMenu> = ({ anchorEl, closeMenu, favorites }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	const { pathname } = useRouter()
 
 	return (
@@ -22,7 +18,7 @@ export const NavigateTopBarMobile: React.FC<IModelMenu> = ({ anchorEl, closeMenu
 				onClose={closeMenu}
 				sx={{
 					'.MuiMenu-paper': {
-						backgroundColor: theme === 'light' ? '' : '#3D3D3D',
+						backgroundColor: '#3D3D3D',
 						width: '100%',
 						borderRadius: '15px',
 						marginTop: 1.5,
@@ -34,7 +30,7 @@ export const NavigateTopBarMobile: React.FC<IModelMenu> = ({ anchorEl, closeMenu
 					<Typography
 						variant='body2'
 						sx={{
-							color: theme === 'light' ? '#5B5B5B' : '#A6A5A5',
+							color: '#A6A5A5',
 							lineHeight: '18.2px',
 							fontSize: '15px',
 							fontWeight: '600',
@@ -67,7 +63,7 @@ export const NavigateTopBarMobile: React.FC<IModelMenu> = ({ anchorEl, closeMenu
 				<Typography
 					variant='body2'
 					sx={{
-						color: theme === 'light' ? '#5B5B5B' : '#A6A5A5',
+						color: '#A6A5A5',
 						lineHeight: '18.2px',
 						fontSize: '15px',
 						fontWeight: '600',
@@ -97,7 +93,7 @@ export const NavigateTopBarMobile: React.FC<IModelMenu> = ({ anchorEl, closeMenu
 				<Typography
 					variant='body2'
 					sx={{
-						color: theme === 'light' ? '#5B5B5B' : '#A6A5A5',
+						color: '#A6A5A5',
 						lineHeight: '18.2px',
 						fontSize: '15px',
 						fontWeight: '600',
@@ -5,7 +5,6 @@ import Typography from '@mui/material/Typography'
 import Link from 'next/link'
 import { useSession } from 'next-auth/react'
 
-import { useAppSelector } from '#/app/store/store'
 import { api } from '#/shared/api/endpoints'
 
 export interface IModelMenu {
@@ -15,8 +14,6 @@ export interface IModelMenu {
 }
 
 export const NavigateTopBar: React.FC<IModelMenu> = ({ anchorEl, closeMenu }) => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	const [favorites, setFavorites] = React.useState<any[] | []>([])
 
 	const { data } = useSession()
@@ -37,7 +34,7 @@ export const NavigateTopBar: React.FC<IModelMenu> = ({ anchorEl, closeMenu }) =>
 				onClose={closeMenu}
 				sx={{
 					'.MuiMenu-paper': {
-						backgroundColor: theme === 'light' ? '' : '#3D3D3D',
+						backgroundColor: '#3D3D3D',
 					},
 				}}
 				MenuListProps={{ 'aria-labelledby': 'model-button' }}
@@ -47,7 +44,7 @@ export const NavigateTopBar: React.FC<IModelMenu> = ({ anchorEl, closeMenu }) =>
 						<Typography
 							variant='body2'
 							sx={{
-								color: theme === 'light' ? '#5B5B5B' : '#A6A5A5',
+								color: '#A6A5A5',
 								lineHeight: '18.2px',
 								fontSize: '15px',
 								fontWeight: '600px',
@@ -82,7 +79,7 @@ export const NavigateTopBar: React.FC<IModelMenu> = ({ anchorEl, closeMenu }) =>
 					<Typography
 						variant='body2'
 						sx={{
-							color: theme === 'light' ? '#5B5B5B' : '#A6A5A5',
+							color: '#A6A5A5',
 							lineHeight: '18.2px',
 							fontSize: '15px',
 							fontWeight: '600px',
@@ -112,7 +109,7 @@ export const NavigateTopBar: React.FC<IModelMenu> = ({ anchorEl, closeMenu }) =>
 					<Typography
 						variant='body2'
 						sx={{
-							color: theme === 'light' ? '#5B5B5B' : '#A6A5A5',
+							color: '#A6A5A5',
 							lineHeight: '18.2px',
 							fontSize: '15px',
 							fontWeight: '600px',
@@ -174,7 +171,6 @@ export const NavigateTopBar: React.FC<IModelMenu> = ({ anchorEl, closeMenu }) =>
 				{/*	<Typography*/}
 				{/*		variant='body2'*/}
 				{/*		sx={{*/}
-				{/*			color: theme === 'light' ? '#5B5B5B' : '#A6A5A5',*/}
 				{/*			lineHeight: '18.2px',*/}
 				{/*			fontSize: '15px',*/}
 				{/*			fontWeight: '600px',*/}
@@ -30,8 +30,6 @@ export interface WhisperResponse {
 }
 
 export const WhisperWidget = () => {
-	const theme = useAppSelector((state) => state.theme.theme)
-
 	const ref = useRef<HTMLInputElement>(null)
 
 	const [audio, setAudio] = useState<File>()
@@ -151,7 +149,7 @@ export const WhisperWidget = () => {
 											height={27}
 											width={27}
 											style={{ marginTop: 4, cursor: 'pointer' }}
-											src={`/svg/chatgpt/send_message${theme === 'light' ? '' : '_dark'}.svg`}
+											src={`/svg/chatgpt/send_message_dark.svg`}
 											alt={''}
 										/>
 									) : (