test logo invert

frontend/nuxt.config.ts

@@ -3,11 +3,7 @@ export default defineNuxtConfig({
     compatibilityDate: "2024-11-01",
     ssr: true,
     devtools: { enabled: true },
-    css: [
-        "~/assets/css/tailwind.css",
-        "swiper/css",
-        "animate.css/animate.min.css",
-    ],
+    css: ["~/assets/css/tailwind.css", "swiper/css", "animate.css/animate.min.css"],
 
     routeRules: {
         "/products": { prerender: false, ssr: false },
@@ -71,14 +67,14 @@ export default defineNuxtConfig({
         "@formkit/auto-animate/nuxt",
         "@vite-pwa/nuxt",
         "@nuxt/image",
+        "@nuxtjs/color-mode",
     ],
 
     pwa: {
         strategies: "injectManifest",
         srcDir: "public",
         filename: "sw.js",
-        registerType:
-            process.env.NODE_ENV === "production" ? "autoUpdate" : "prompt",
+        registerType: process.env.NODE_ENV === "production" ? "autoUpdate" : "prompt",
         manifest: {
             name: "Heymlz",
             short_name: "Heymlz",
@@ -88,11 +84,13 @@ export default defineNuxtConfig({
                     src: "/logo/logo-192x192.png",
                     sizes: "192x192",
                     type: "image/png",
+                    purpose: "maskable",
                 },
                 {
                     src: "/logo/logo-512x512.png",
                     sizes: "512x512",
                     type: "image/png",
+                    purpose: "maskable",
                 },
             ],
         },
@@ -111,6 +109,12 @@ export default defineNuxtConfig({
         typeCheck: false,
     },
 
+    colorMode: {
+        preference: "system", // default to system preference
+        fallback: "dark",
+        classSuffix: "",
+    },
+
     image: {
         quality: 65,
     },