From 350e9b96e8e4f2e692acb4ca356014cd6470c5a4 Mon Sep 17 00:00:00 2001 From: Matt Date: Sat, 21 Feb 2026 01:14:59 +0100 Subject: [PATCH] Fix Tremor chart colors: add @source for Tailwind v4 to scan Tremor classes Tremor generates Tailwind utility classes dynamically (fill-blue-500, bg-emerald-500, etc). Tailwind v4 auto-content detection doesn't scan node_modules, so these classes were missing from CSS output, causing all charts to render in black. Co-Authored-By: Claude Opus 4.6 --- src/app/globals.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/app/globals.css b/src/app/globals.css index b25f7d6..51fcd5e 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -43,6 +43,10 @@ /* Source the JS config for extended theme values */ @config "../../tailwind.config.ts"; +/* Tremor generates Tailwind utility classes dynamically (fill-blue-500, bg-emerald-500, etc.) + Tailwind v4 needs to scan Tremor's compiled JS to include them in the output. */ +@source "../../node_modules/@tremor/react/dist/**/*.js"; + /* Theme variables - using CSS custom properties with Tailwind v4 @theme */ @theme { /* Container */