diff --git a/templates/styles/globals.css b/templates/styles/globals.css
index c61b2ac..e61e70e 100644
--- a/templates/styles/globals.css
+++ b/templates/styles/globals.css
@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @import '@zen/core/styles/zen.css';
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 html, body {
     overflow-x: hidden;
-}
+}
\ No newline at end of file