From 531190953fd6d8220204a256041265c4b2ca0656 Mon Sep 17 00:00:00 2001 From: Till JS Date: Thu, 16 Apr 2026 00:37:11 +0200 Subject: [PATCH] chore(theme): theme-track shared-auth-ui primaryColor + drop dead tailwind.config.js MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit shared-auth-ui components (PasskeyManager, SessionManager, TwoFactorSetup, AuditLog, ChangePassword, SecurityOnboarding) take a primaryColor prop that gets written as inline --primary-color on the component root. The mana app was passing a literal "#6366f1" (indigo) everywhere, so the Security tab and auth pages used a fixed indigo accent that ignored the user's theme. Pass "hsl(var(--color-primary))" instead — the nested var resolves live, so theme switches carry through. tailwind.config.js in apps/mana/apps/web was fully vestigial: - no @config directive in app.css, no reference from vite/svelte configs - imported @mana/shared-tailwind/preset, which the package doesn't export - only themes.css is exported, and it's loaded directly from app.css Tailwind v4 with CSS-first config is the real setup. Delete the file and remove its entry from SETUP.md. Co-Authored-By: Claude Opus 4.6 (1M context) --- apps/mana/apps/web/SETUP.md | 1 - .../settings/sections/SecuritySection.svelte | 8 ++--- .../apps/web/src/routes/(app)/+layout.svelte | 2 +- .../(auth)/forgot-password/+page.svelte | 2 +- .../web/src/routes/(auth)/login/+page.svelte | 2 +- .../src/routes/(auth)/register/+page.svelte | 2 +- apps/mana/apps/web/tailwind.config.js | 31 ------------------- 7 files changed, 8 insertions(+), 40 deletions(-) delete mode 100644 apps/mana/apps/web/tailwind.config.js diff --git a/apps/mana/apps/web/SETUP.md b/apps/mana/apps/web/SETUP.md index f84d348f1..e26263f92 100644 --- a/apps/mana/apps/web/SETUP.md +++ b/apps/mana/apps/web/SETUP.md @@ -69,7 +69,6 @@ mana-web/ ├── .env # Environment variables ├── .env.example # Environment template ├── svelte.config.js # SvelteKit configuration -├── tailwind.config.js # Tailwind configuration ├── vite.config.ts # Vite configuration ├── tsconfig.json # TypeScript configuration └── package.json # Dependencies diff --git a/apps/mana/apps/web/src/lib/components/settings/sections/SecuritySection.svelte b/apps/mana/apps/web/src/lib/components/settings/sections/SecuritySection.svelte index 75fc4f5ac..4b1019efa 100644 --- a/apps/mana/apps/web/src/lib/components/settings/sections/SecuritySection.svelte +++ b/apps/mana/apps/web/src/lib/components/settings/sections/SecuritySection.svelte @@ -49,7 +49,7 @@ onRefresh={async () => { passkeys = await authStore.listPasskeys(); }} - primaryColor="#6366f1" + primaryColor="hsl(var(--color-primary))" /> @@ -63,7 +63,7 @@ sessions = await authStore.listSessions(); sessionsLoading = false; }} - primaryColor="#6366f1" + primaryColor="hsl(var(--color-primary))" /> @@ -73,7 +73,7 @@ onEnable={(password) => authStore.enableTwoFactor(password)} onDisable={(password) => authStore.disableTwoFactor(password)} onGenerateBackupCodes={(password) => authStore.generateBackupCodes(password)} - primaryColor="#6366f1" + primaryColor="hsl(var(--color-primary))" /> @@ -86,6 +86,6 @@ securityEvents = await authStore.getSecurityEvents(); securityEventsLoading = false; }} - primaryColor="#6366f1" + primaryColor="hsl(var(--color-primary))" /> diff --git a/apps/mana/apps/web/src/routes/(app)/+layout.svelte b/apps/mana/apps/web/src/routes/(app)/+layout.svelte index 4462e029b..dbfdf5269 100644 --- a/apps/mana/apps/web/src/routes/(app)/+layout.svelte +++ b/apps/mana/apps/web/src/routes/(app)/+layout.svelte @@ -963,7 +963,7 @@ {currentLanguageLabel} showLogout={authStore.isAuthenticated} loginHref="/login" - primaryColor="#6366f1" + primaryColor="hsl(var(--color-primary))" showAppSwitcher={false} showAiTierSelector={true} aiTierItems={aiTier.items} diff --git a/apps/mana/apps/web/src/routes/(auth)/forgot-password/+page.svelte b/apps/mana/apps/web/src/routes/(auth)/forgot-password/+page.svelte index 22c1e9fa9..3005fdda4 100644 --- a/apps/mana/apps/web/src/routes/(auth)/forgot-password/+page.svelte +++ b/apps/mana/apps/web/src/routes/(auth)/forgot-password/+page.svelte @@ -15,7 +15,7 @@