feat: [#421] NuxtJs color mode config added

mario-nt · mario-nt · commit ed6afdd31916 · 2024-01-06T18:23:03.000+01:00
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -11,9 +11,22 @@ export default defineNuxtConfig({
   },
 
   modules: [
-    "@nuxtjs/tailwindcss"
+    "@nuxtjs/tailwindcss",
+    "@nuxtjs/color-mode"
   ],
 
+  colorMode: {
+    preference: "system", // default value of $colorMode.preference
+    fallback: "light", // fallback value if not system preference found
+    hid: "nuxt-color-mode-script",
+    globalName: "__NUXT_COLOR_MODE__",
+    componentName: "ColorScheme",
+    classPrefix: "",
+    classSuffix: "",
+    storageKey: "nuxt-color-mode",
+    dataValue: "theme"
+  },
+
   vite: {
     server: {
       fs: {
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -33,6 +33,7 @@ module.exports = {
       }
     ]
   },
+  darkMode: "class",
   plugins: [
     require("daisyui"),
     require("@tailwindcss/typography")

Original file line number	Diff line number	Diff line change
`@@ -33,6 +33,7 @@ module.exports = {`
`33`	`33`	`}`
`34`	`34`	`]`
`35`	`35`	`},`
	`36`	`+ darkMode: "class",`
`36`	`37`	`plugins: [`
`37`	`38`	`require("daisyui"),`
`38`	`39`	`require("@tailwindcss/typography")`