diff --git a/frontend/src/routes/AppNav.svelte b/frontend/src/routes/AppNav.svelte index 8e17dbed..a9f66408 100644 --- a/frontend/src/routes/AppNav.svelte +++ b/frontend/src/routes/AppNav.svelte @@ -43,7 +43,7 @@ function handleOverlayKeydown(event: KeyboardEvent) { href="/" class="inline-flex items-center px-3 py-1.5 font-sans text-xs font-bold tracking-widest uppercase transition-colors {page.url.pathname === '/' || page.url.pathname.startsWith('/documents') - ? 'rounded bg-nav-active text-ink' + ? 'bg-nav-active rounded text-ink' : 'rounded text-ink-2 hover:bg-muted hover:text-ink'}" > {m.nav_documents()} @@ -53,7 +53,7 @@ function handleOverlayKeydown(event: KeyboardEvent) { href="/persons" class="inline-flex items-center px-3 py-1.5 font-sans text-xs font-bold tracking-widest uppercase transition-colors {page.url.pathname.startsWith('/persons') - ? 'rounded bg-nav-active text-ink' + ? 'bg-nav-active rounded text-ink' : 'rounded text-ink-2 hover:bg-muted hover:text-ink'}" > {m.nav_persons()} @@ -63,7 +63,7 @@ function handleOverlayKeydown(event: KeyboardEvent) { href="/korrespondenz" class="inline-flex items-center px-3 py-1.5 font-sans text-xs font-bold tracking-widest uppercase transition-colors {page.url.pathname.startsWith('/korrespondenz') - ? 'rounded bg-nav-active text-ink' + ? 'bg-nav-active rounded text-ink' : 'rounded text-ink-2 hover:bg-muted hover:text-ink'}" > {m.nav_conversations()} @@ -73,7 +73,7 @@ function handleOverlayKeydown(event: KeyboardEvent) { href="/admin" class="inline-flex items-center px-3 py-1.5 font-sans text-xs font-bold tracking-widest uppercase transition-colors {page.url.pathname.startsWith('/admin') - ? 'rounded bg-nav-active text-ink' + ? 'bg-nav-active rounded text-ink' : 'rounded text-ink-2 hover:bg-muted hover:text-ink'}" > {m.nav_admin()} diff --git a/frontend/src/routes/layout.css b/frontend/src/routes/layout.css index e30ae17e..b5afd68a 100644 --- a/frontend/src/routes/layout.css +++ b/frontend/src/routes/layout.css @@ -48,9 +48,6 @@ --color-primary: var(--c-primary); --color-primary-fg: var(--c-primary-fg); - /* Nav active state */ - --color-nav-active: var(--c-nav-active); - /* PDF viewer */ --color-pdf-bg: var(--c-pdf-bg); --color-pdf-ctrl: var(--c-pdf-ctrl); @@ -84,8 +81,6 @@ --c-primary: #012851; --c-primary-fg: #ffffff; - --c-nav-active: rgba(180, 185, 255, 0.15); - --c-pdf-bg: #ebebeb; --c-pdf-ctrl: #d8d8d8; --c-pdf-text: #333333; @@ -112,8 +107,6 @@ --c-primary: #a1dcd8; --c-primary-fg: #012851; - --c-nav-active: rgba(180, 185, 255, 0.12); - --c-pdf-bg: #1e1e1e; --c-pdf-ctrl: #2a2a2a; --c-pdf-text: #d1d1d1; @@ -140,8 +133,6 @@ --c-primary: #a1dcd8; --c-primary-fg: #012851; - --c-nav-active: rgba(180, 185, 255, 0.12); - --c-pdf-bg: #1e1e1e; --c-pdf-ctrl: #2a2a2a; --c-pdf-text: #d1d1d1;