From c17e268c9b90a4d9448fc04c0ec0059825bc5bb4 Mon Sep 17 00:00:00 2001 From: Jesper Hessius Date: Fri, 27 Mar 2026 06:03:57 +0100 Subject: [PATCH] fix(css): reorder platform theme imports after Tailwind Platform theme CSS (ios-theme.css, material-theme.css) was imported BEFORE index.css (which loads Tailwind). This caused Tailwind utility classes to override theme rules in the CSS cascade since they appeared later in the bundle. Move platform theme imports after index.css so they load last and properly override Tailwind utilities. Verified in production build: themes now appear at char 542K-544K, after utilities at 72K-88K. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- apps/web/src/main.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx index 95aa81ee..b1d97517 100644 --- a/apps/web/src/main.tsx +++ b/apps/web/src/main.tsx @@ -14,9 +14,10 @@ import './i18n/config' import "./main.css" import "./styles/theme.css" +import "./index.css" +// Platform themes must load AFTER Tailwind (index.css) to override utilities import "./styles/ios-theme.css" import "./styles/material-theme.css" -import "./index.css" // In direct mode (PWA on machine), intercept MeticAI proxy API calls and either // translate them to Meticulous-native /api/v1/ endpoints or return empty responses.