fix: replace hardcoded bg-white/border-brand-sand/text-brand-navy with semantic tokens in dashboard widgets
All four dashboard components (ResumeStrip, Mentions, NeedsMetadata, RecentDocuments) used static brand colors that do not adapt to dark mode. Replace with bg-surface, border-line, text-ink, text-ink-2 throughout. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -26,10 +26,10 @@ onMount(() => {
|
||||
{#if lastVisited}
|
||||
<div
|
||||
data-testid="resume-strip"
|
||||
class="border-brand-sand flex items-center gap-2 rounded-sm border bg-white px-4 py-3 font-sans text-sm"
|
||||
class="flex items-center gap-2 rounded-sm border border-line bg-surface px-4 py-3 font-sans text-sm"
|
||||
>
|
||||
<span class="text-gray-500">Zuletzt geöffnet:</span>
|
||||
<a href="/documents/{lastVisited.id}" class="font-medium text-brand-navy hover:underline">
|
||||
<span class="text-ink-2">Zuletzt geöffnet:</span>
|
||||
<a href="/documents/{lastVisited.id}" class="font-medium text-ink hover:underline">
|
||||
{lastVisited.title || 'Zuletzt geöffnet'}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user