marcel/familienarchiv
1
0
Fork 0
Code Issues 105 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

refactor(layout): remove --c-nav-active CSS token

Browse Source 
The nav active state moves from a background pill to a bottom-border
underline, so the rgba purple tint variable is no longer needed.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-03-30 21:55:48 +02:00
parent ebeb0cf865
commit fd2a7a8e96
2 changed files with 4 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/routes/AppNav.svelte
View File

@@ -43,7 +43,7 @@ function handleOverlayKeydown(event: KeyboardEvent) {
href="/" href="/"
class="inline-flex items-center px-3 py-1.5 font-sans text-xs font-bold tracking-widest uppercase transition-colors 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') {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'}" : 'rounded text-ink-2 hover:bg-muted hover:text-ink'}"
> >
{m.nav_documents()} {m.nav_documents()}
@@ -53,7 +53,7 @@ function handleOverlayKeydown(event: KeyboardEvent) {
href="/persons" href="/persons"
class="inline-flex items-center px-3 py-1.5 font-sans text-xs font-bold tracking-widest uppercase transition-colors 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') {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'}" : 'rounded text-ink-2 hover:bg-muted hover:text-ink'}"
> >
{m.nav_persons()} {m.nav_persons()}
@@ -63,7 +63,7 @@ function handleOverlayKeydown(event: KeyboardEvent) {
href="/korrespondenz" href="/korrespondenz"
class="inline-flex items-center px-3 py-1.5 font-sans text-xs font-bold tracking-widest uppercase transition-colors 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') {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'}" : 'rounded text-ink-2 hover:bg-muted hover:text-ink'}"
> >
{m.nav_conversations()} {m.nav_conversations()}
@@ -73,7 +73,7 @@ function handleOverlayKeydown(event: KeyboardEvent) {
href="/admin" href="/admin"
class="inline-flex items-center px-3 py-1.5 font-sans text-xs font-bold tracking-widest uppercase transition-colors 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') {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'}" : 'rounded text-ink-2 hover:bg-muted hover:text-ink'}"
> >
{m.nav_admin()} {m.nav_admin()}

9
frontend/src/routes/layout.css
View File

@@ -48,9 +48,6 @@
--color-primary: var(--c-primary); --color-primary: var(--c-primary);
--color-primary-fg: var(--c-primary-fg); --color-primary-fg: var(--c-primary-fg);
/* Nav active state */
--color-nav-active: var(--c-nav-active);
/* PDF viewer */ /* PDF viewer */
--color-pdf-bg: var(--c-pdf-bg); --color-pdf-bg: var(--c-pdf-bg);
--color-pdf-ctrl: var(--c-pdf-ctrl); --color-pdf-ctrl: var(--c-pdf-ctrl);
@@ -84,8 +81,6 @@
--c-primary: #012851; --c-primary: #012851;
--c-primary-fg: #ffffff; --c-primary-fg: #ffffff;
--c-nav-active: rgba(180, 185, 255, 0.15);
--c-pdf-bg: #ebebeb; --c-pdf-bg: #ebebeb;
--c-pdf-ctrl: #d8d8d8; --c-pdf-ctrl: #d8d8d8;
--c-pdf-text: #333333; --c-pdf-text: #333333;
@@ -112,8 +107,6 @@
--c-primary: #a1dcd8; --c-primary: #a1dcd8;
--c-primary-fg: #012851; --c-primary-fg: #012851;
--c-nav-active: rgba(180, 185, 255, 0.12);
--c-pdf-bg: #1e1e1e; --c-pdf-bg: #1e1e1e;
--c-pdf-ctrl: #2a2a2a; --c-pdf-ctrl: #2a2a2a;
--c-pdf-text: #d1d1d1; --c-pdf-text: #d1d1d1;
@@ -140,8 +133,6 @@
--c-primary: #a1dcd8; --c-primary: #a1dcd8;
--c-primary-fg: #012851; --c-primary-fg: #012851;
--c-nav-active: rgba(180, 185, 255, 0.12);
--c-pdf-bg: #1e1e1e; --c-pdf-bg: #1e1e1e;
--c-pdf-ctrl: #2a2a2a; --c-pdf-ctrl: #2a2a2a;
--c-pdf-text: #d1d1d1; --c-pdf-text: #d1d1d1;