fix: fix tailwind config to avoid FOUC

react18-tools · Jun 14, 2024 · 7a834ac · 7a834ac
1 parent 9e46ee0
commit 7a834ac
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/examples/tailwind-ssg/tailwind.config.ts b/examples/tailwind-ssg/tailwind.config.ts
@@ -8,6 +8,9 @@ const config: Config = {
   ],
   theme: {},
   plugins: [],
-  darkMode: "class",
+  darkMode: [
+    "variant",
+    ["@media (prefers-color-scheme: dark) { &:not(.light *) }", "&:is(.dark *)"],
+  ],
 };
 export default config;