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

fix(#93): migrate hardcoded text-gray-400/500 to semantic ink tokens
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
Details
CI / Backend Unit Tests (push) Has been cancelled
Details
CI / E2E Tests (push) Has been cancelled
Details

Browse Source 
enrich/+page.svelte back link: text-gray-500 → text-ink-2 / hover:text-ink
enrich/done/+page.svelte body text: text-gray-500 → text-ink-2
enrich/done/+page.svelte list link: text-gray-400 (2.6:1, fails AA) → text-ink-2

Root fix for section label contrast (text-ink-3 uppercase pattern used
app-wide) is in PR #107 via the ink-3 token value change.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit was merged in pull request #108.
This commit is contained in:
Marcel
2026-03-27 15:54:55 +01:00
committed by marcel
parent d053f6dc40
commit 5cf6947040
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/routes/enrich/+page.svelte
View File

@@ -19,7 +19,7 @@ function formatUploadDate(createdAt: string): string {
<!-- Back Link --> <!-- Back Link -->
<a <a
href="/" href="/"
class="group mb-4 inline-flex items-center font-sans text-xs font-bold tracking-widest text-gray-500 uppercase transition-colors hover:text-brand-navy" class="group mb-4 inline-flex items-center font-sans text-xs font-bold tracking-widest text-ink-2 uppercase transition-colors hover:text-ink"
> >
<img <img
src="/degruyter-icons/Simple/Medium-24px/SVG/Action/Arrow/Arrow-Left-MD.svg" src="/degruyter-icons/Simple/Medium-24px/SVG/Action/Arrow/Arrow-Left-MD.svg"
@@ -76,8 +76,8 @@ function formatUploadDate(createdAt: string): string {
</div> </div>
{:else} {:else}
<!-- Document Rows --> <!-- Document Rows -->
<div class="border-brand-sand border bg-white shadow-sm"> <div class="border border-line bg-white shadow-sm">
<ul class="divide-brand-sand divide-y"> <ul class="divide-y divide-line-2">
{#each documents as doc (doc.id)} {#each documents as doc (doc.id)}
<li class="group hover:bg-brand-sand/30 transition-colors duration-200"> <li class="group hover:bg-brand-sand/30 transition-colors duration-200">
<a href="/enrich/{doc.id}" class="flex items-center justify-between p-6"> <a href="/enrich/{doc.id}" class="flex items-center justify-between p-6">

4
frontend/src/routes/enrich/done/+page.svelte
View File

@@ -17,7 +17,7 @@ import { m } from '$lib/paraglide/messages.js';
{m.enrich_done_heading()} {m.enrich_done_heading()}
</h1> </h1>
<p class="mt-2 max-w-xs font-sans text-sm text-gray-500"> <p class="mt-2 max-w-xs font-sans text-sm text-ink-2">
{m.enrich_done_body()} {m.enrich_done_body()}
</p> </p>
@@ -31,7 +31,7 @@ import { m } from '$lib/paraglide/messages.js';
<a <a
href="/enrich" href="/enrich"
class="font-sans text-xs text-gray-400 underline-offset-4 transition-colors hover:text-brand-navy hover:underline" class="font-sans text-xs text-ink-2 underline-offset-4 transition-colors hover:text-ink hover:underline"
> >
{m.enrich_back_to_list()} {m.enrich_back_to_list()}
</a> </a>