Working on dynamic theme

nuxt.config.ts

@@ -5,6 +5,10 @@ export default defineNuxtConfig({
     transpile: ['trpc-nuxt'],
   },
 
+  css: [
+    '@/assets/css/main.scss',
+  ],
+
   modules: [
     '@pinia/nuxt',
     '@pinia-plugin-persistedstate/nuxt',
@@ -17,6 +21,13 @@ export default defineNuxtConfig({
     'nuxt-icon',
   ],
 
+  colorMode: {
+    preference: 'system',
+    fallback: 'light',
+    classPrefix: '',
+    classSuffix: '',
+  },
+
   devtools: {
     enabled: true,
     vscode: {