diff --git a/frontend/e2e/theme.spec.ts b/frontend/e2e/theme.spec.ts index 168f4fcf..cda1f2d0 100644 --- a/frontend/e2e/theme.spec.ts +++ b/frontend/e2e/theme.spec.ts @@ -70,8 +70,8 @@ test.describe('Theme toggle', () => { const header = document.querySelector('header'); return header ? getComputedStyle(header).backgroundColor : null; }); - // --c-header in dark mode = #01335e → rgb(1, 51, 94) - expect(headerBg).toBe('rgb(1, 51, 94)'); + // --c-header in dark mode = #012851 (brand navy) → rgb(1, 40, 81) + expect(headerBg).toBe('rgb(1, 40, 81)'); }); test('color-scheme is dark when data-theme=dark is set', async ({ page }) => { diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte index 4ae6c1d1..7a1df195 100644 --- a/frontend/src/routes/+layout.svelte +++ b/frontend/src/routes/+layout.svelte @@ -35,7 +35,7 @@ const userInitials = $derived.by(() => {
{#if !isAuthPage} -
+
diff --git a/frontend/src/routes/layout.css b/frontend/src/routes/layout.css index 6b07a3d6..2fcbe95a 100644 --- a/frontend/src/routes/layout.css +++ b/frontend/src/routes/layout.css @@ -127,8 +127,8 @@ --c-nav-active: rgba(180, 185, 255, 0.12); - /* Header elevated above canvas for visual prominence */ - --c-header: #01335e; + /* Header at brand-navy: 4.99:1 with ink-3 (WCAG AA ✓), visually above canvas */ + --c-header: #012851; --c-pdf-bg: #010e1e; --c-pdf-ctrl: #011526; @@ -161,8 +161,8 @@ --c-nav-active: rgba(180, 185, 255, 0.12); - /* Header elevated above canvas for visual prominence */ - --c-header: #01335e; + /* Header at brand-navy: 4.99:1 with ink-3 (WCAG AA ✓), visually above canvas */ + --c-header: #012851; --c-pdf-bg: #010e1e; --c-pdf-ctrl: #011526;