diff --git a/docs/src/app/[lang]/layout.tsx b/docs/src/app/[lang]/layout.tsx
index 3b3cff5..9a9a772 100644
--- a/docs/src/app/[lang]/layout.tsx
+++ b/docs/src/app/[lang]/layout.tsx
@@ -1,6 +1,5 @@
 /* eslint-env node */
 
-import "nextra-theme-docs/style.css"
 import "@/styles/tailwind.css"
 
 import type { Metadata } from "next"
diff --git a/docs/src/styles/tailwind.css b/docs/src/styles/tailwind.css
index f1d8c73..6436736 100644
--- a/docs/src/styles/tailwind.css
+++ b/docs/src/styles/tailwind.css
@@ -1 +1,4 @@
+@import "nextra-theme-docs/style.css";
 @import "tailwindcss";
+
+@config "../../tailwind.config.ts"
diff --git a/docs/tailwind.config.ts b/docs/tailwind.config.ts
index 3cdfbc8..d2e52af 100644
--- a/docs/tailwind.config.ts
+++ b/docs/tailwind.config.ts
@@ -6,8 +6,5 @@ export default {
         "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
         "./src/app/**/*.{js,ts,jsx,tsx,mdx}"
     ],
-    darkMode: ["variant", [
-        "@media (prefers-color-scheme: dark) { &:not(.light *) }",
-        "&:is(.dark *)"
-    ]]
+    darkMode: ["variant", "dark (&:where(.dark *))"]
 } satisfies Config