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

fix: use semantic color tokens for enrich hint box
Some checks failed
CI / Unit & Component Tests (pull_request) Successful in 2m29s
Details
CI / Backend Unit Tests (pull_request) Successful in 2m12s
Details
CI / E2E Tests (pull_request) Failing after 24s
Details
CI / Unit & Component Tests (push) Successful in 2m17s
Details
CI / Backend Unit Tests (push) Successful in 2m1s
Details
CI / E2E Tests (push) Has started running
Details

Browse Source 
Replaced hardcoded brand-navy/brand-mint palette constants with
semantic tokens (ink, accent, accent-bg) so the hint box themes
correctly in dark mode.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit was merged in pull request #82.
This commit is contained in:
Marcel
2026-03-26 19:47:44 +01:00
parent 0f0d74eb2f
commit 5d0a2a2c9c
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/routes/+page.svelte
View File

@@ -90,7 +90,7 @@ $effect(() => {
{#if data.incompleteCount > 0} {#if data.incompleteCount > 0}
<a <a
href="/enrich" href="/enrich"
class="mb-6 flex items-center justify-between rounded-sm border border-brand-mint/40 bg-brand-mint/10 px-6 py-4 transition-colors hover:bg-brand-mint/20" class="mb-6 flex items-center justify-between rounded-sm border border-accent/40 bg-accent-bg px-6 py-4 transition-colors hover:bg-accent/20"
> >
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<img <img
@@ -100,16 +100,16 @@ $effect(() => {
class="h-6 w-6 opacity-60" class="h-6 w-6 opacity-60"
/> />
<div> <div>
<p class="font-sans text-xs font-bold tracking-widest text-brand-navy uppercase"> <p class="font-sans text-xs font-bold tracking-widest text-ink uppercase">
{m.enrich_needs_metadata_title()} {m.enrich_needs_metadata_title()}
</p> </p>
<p class="mt-0.5 font-serif text-sm text-brand-navy/70"> <p class="mt-0.5 font-serif text-sm text-ink-2">
{m.enrich_needs_metadata_count({ count: data.incompleteCount })} {m.enrich_needs_metadata_count({ count: data.incompleteCount })}
</p> </p>
</div> </div>
</div> </div>
<span <span
class="font-sans text-xs font-bold tracking-widest text-brand-navy uppercase transition-colors hover:text-brand-navy/70" class="font-sans text-xs font-bold tracking-widest text-ink uppercase transition-colors hover:text-ink-2"
> >
{m.enrich_needs_metadata_cta()} → {m.enrich_needs_metadata_cta()} →
</span> </span>