diff --git a/client/src/layouts/DashboardLayout.tsx b/client/src/layouts/DashboardLayout.tsx
index db7986e..c99ee13 100644
--- a/client/src/layouts/DashboardLayout.tsx
+++ b/client/src/layouts/DashboardLayout.tsx
@@ -75,6 +75,14 @@ function DashboardLayout() {
 
     const [navbarOpen, setNavbarOpen] = useState(true)
 
+    useEffect(() => {
+        if (colorScheme === 'dark') {
+            document.body.dataset.agThemeMode = 'dark'
+        } else {
+            document.body.dataset.agThemeMode = 'light'
+        }
+    }, [colorScheme])
+
     return (
         <div className={classes.root}>
             <div className={classes.header}>
@@ -103,7 +111,7 @@ function DashboardLayout() {
                         <MenuPopover>
                             <MenuList>
                                 {!authStore.isAuthenticated && <MenuItem icon={<IconLogin />} onClick={() => navigate('/auth/signin')}>Войти</MenuItem>}
-                                
+
                                 <MenuItem icon={colorScheme === 'dark' ? <IconMoon /> : <IconSun />} onClick={() => colorScheme === 'dark' ? setColorScheme('light') : setColorScheme('dark')}>Тема: {colorScheme === 'dark' ? 'тёмная' : 'светлая'}</MenuItem>
                                 {authStore.isAuthenticated && <MenuItem icon={<IconSettings />} onClick={() => navigate('/settings')}>Настройки профиля</MenuItem>}
                                 {authStore.isAuthenticated && <MenuItem icon={<IconLogout />} onClick={() => {