diff --git a/src/app/globals.css b/src/app/globals.css
index 97c1da0..71ecbcf 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,5 +1,7 @@
 @import "tailwindcss";
 
+@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
+
 @theme {
   --color-background: var(--bg-color);
   --color-foreground: var(--fg-color);