marcel/familienarchiv
1
0
Fork 0
Code Issues 127 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) Successful in 2m33s
Details
CI / Backend Unit Tests (push) Successful in 2m19s
Details
CI / E2E Tests (push) Failing after 28m5s
Details
CI / Unit & Component Tests (pull_request) Successful in 2m34s
Details
CI / Backend Unit Tests (pull_request) Successful in 2m9s
Details
CI / E2E Tests (pull_request) Failing after 30m11s
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 is contained in:
Marcel
2026-03-27 15:54:55 +01:00
parent afebaf4c53
commit df89732f79
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 -->
<a
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
src="/degruyter-icons/Simple/Medium-24px/SVG/Action/Arrow/Arrow-Left-MD.svg"
@@ -76,8 +76,8 @@ function formatUploadDate(createdAt: string): string {
</div>
{:else}
<!-- Document Rows -->
<div class="border-brand-sand border bg-white shadow-sm">
<ul class="divide-brand-sand divide-y">
<div class="border border-line bg-white shadow-sm">
<ul class="divide-y divide-line-2">
{#each documents as doc (doc.id)}
<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">

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()}
</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()}
</p>
@@ -31,7 +31,7 @@ import { m } from '$lib/paraglide/messages.js';
<a
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()}
</a>