diff --git a/app.vue b/app.vue
index 9842ebf..b974758 100644
--- a/app.vue
+++ b/app.vue
@@ -12,8 +12,6 @@ import { ScrollToPlugin } from 'gsap/ScrollToPlugin'
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
 
 gsap.registerPlugin(ScrollTrigger, ScrollToPlugin)
-const colorMode = useColorMode()
-colorMode.value = 'dark'
 </script>
 
 <style lang="scss">
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 5fe5036..642d761 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -26,8 +26,10 @@ export default defineNuxtConfig({
     apikey: process.env.VITE_YANDEX_MAPS_KEY,
   },
   css: ['~/assets/css/main.css', '~/assets/scss/main.scss'],
-  ui: {
-    colorMode: 'dark',
+  colorMode: {
+    preference: 'dark',
+    fallback: 'dark',
+    classSuffix: '',
   },
   build: {
     transpile: ['gsap'],