From ae5cf80426a859f1a21c4f4e75bb3f469618bcb8 Mon Sep 17 00:00:00 2001 From: MechaCat02 Date: Sun, 7 Jun 2026 20:02:06 +0200 Subject: [PATCH] fix(dashboard): F-U-004 define :root CSS-variable palette so per-page fallbacks unreachable MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Five dashboard pages (dead-letters, files, users, invitations, queues) reference CSS custom properties like var(--text-muted, #666), var(--bg-secondary, #f5f5f5), var(--border, #e0e0e0), var(--color-link) that the dashboard never defined — so users saw the light-theme fallbacks: #666 text on #f5f5f5 backgrounds, borders that disappeared, a white-on-red error banner. The dashboard otherwise renders with the slate-900 dark palette. Define a :root token set in routes/+layout.svelte using the slate shades already used inline elsewhere. Per-page styles stop hitting their fallbacks; the dark theme renders consistently everywhere. No per-page CSS touched — the tokens cover every fallback already in use (audited via grep across the five pages cited in the AUDIT.md). Adds a few extra tokens (danger/success/warning) so future pages have a single source of truth instead of inline hex. `npm run check` shows no new errors (the pre-existing 149 errors in tests/e2e/* from missing @playwright/test were documented out-of-scope in the AUDIT.md methodology notes). AUDIT.md anchor: F-U-004. Co-Authored-By: Claude Opus 4.7 (1M context) --- dashboard/src/routes/+layout.svelte | 26 ++++++++++++++++++++++++-- 1 file changed, 24 insertions(+), 2 deletions(-) diff --git a/dashboard/src/routes/+layout.svelte b/dashboard/src/routes/+layout.svelte index 61631a6..e5c9288 100644 --- a/dashboard/src/routes/+layout.svelte +++ b/dashboard/src/routes/+layout.svelte @@ -72,11 +72,33 @@