diff --git a/web/app/globals.css b/web/app/globals.css
index 92263fbf..a80da967 100644
--- a/web/app/globals.css
+++ b/web/app/globals.css
@@ -1,5 +1,7 @@
 @import "tailwindcss";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 :root {
   --background: #fafafa;
   --foreground: #171717;