From fa43b5a4092b9cb5ac9d229bea8f4d18a5cdc9b2 Mon Sep 17 00:00:00 2001
From: "Gan, Jimmy" <jimmy.gan@adidas.com>
Date: Sun, 1 Mar 2026 15:22:55 +0800
Subject: [PATCH] fix: enable Tailwind v4 class-based dark mode with
 @custom-variant

---
 dashboard/frontend/src/app.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/dashboard/frontend/src/app.css b/dashboard/frontend/src/app.css
index 2b967ac..c8cbe81 100644
--- a/dashboard/frontend/src/app.css
+++ b/dashboard/frontend/src/app.css
@@ -1,5 +1,7 @@
 @import "tailwindcss";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 @theme {
   --font-sans: "Inter", system-ui, -apple-system, sans-serif;