init

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">

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'],