- {draft.title}
+ {draft.title}
{m.dashboard_reader_draft_meta({ relative: relativeTimeDe(new Date(draft.updatedAt)) })}
diff --git a/frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte.spec.ts b/frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte.spec.ts
index 44a8e43a..0da32564 100644
--- a/frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte.spec.ts
+++ b/frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte.spec.ts
@@ -73,11 +73,11 @@ describe('ReaderDraftsModule', () => {
expect(cls).toMatch(/min-h-\[44px\]/);
});
- it('draft title has text-brand-navy class', async () => {
+ it('draft title has text-ink class', async () => {
render(ReaderDraftsModule, { drafts: [draft1] });
const link = page.getByRole('link', { name: /Mein erster Entwurf/ });
const el = (await link.element()) as HTMLElement;
- const titleEl = el.querySelector('[class*="text-brand-navy"]');
+ const titleEl = el.querySelector('[class*="text-ink"]');
expect(titleEl).not.toBeNull();
expect(titleEl?.textContent?.trim()).toBe('Mein erster Entwurf');
});
diff --git a/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte b/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte
index 234b69fd..7d94ab56 100644
--- a/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte
+++ b/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte
@@ -24,12 +24,10 @@ const timeLabel = $derived.by(() => {
>
-
+
{timeLabel}
-
+
{m.dashboard_welcome({ name })}
@@ -45,9 +43,7 @@ const timeLabel = $derived.by(() => {
href="/documents"
class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
>
- {documents ?? '—'}
+ {documents ?? '—'}
{m.dashboard_reader_stats_documents()} {
href="/persons"
class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
>
- {persons ?? '—'}
+ {persons ?? '—'}
{m.dashboard_reader_stats_persons()} {
href="/geschichten"
class="flex min-h-[44px] flex-col items-center justify-center px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
>
- {stories ?? '—'}
+ {stories ?? '—'}
{m.dashboard_reader_stats_stories()} {
expect(text?.match(/—/g)?.length).toBeGreaterThanOrEqual(3);
});
- it('time label uses text-brand-navy class for morning hour', async () => {
+ it('time label uses text-ink class for morning hour', async () => {
render(ReaderHeaderBar, { name: 'Anna', documents: 1, persons: 1, stories: 1, hour: 8 });
const timeLabel = page.getByText(/Morgen/i);
await expect.element(timeLabel).toBeInTheDocument();
const cls = ((await timeLabel.element()) as HTMLElement).className;
- expect(cls).toMatch(/text-brand-navy/);
+ expect(cls).toMatch(/\btext-ink\b/);
});
it('shows afternoon label for hour 14', async () => {
diff --git a/frontend/src/lib/shared/dashboard/ReaderPersonChips.svelte b/frontend/src/lib/shared/dashboard/ReaderPersonChips.svelte
index e91a4310..785fbe9a 100644
--- a/frontend/src/lib/shared/dashboard/ReaderPersonChips.svelte
+++ b/frontend/src/lib/shared/dashboard/ReaderPersonChips.svelte
@@ -45,7 +45,7 @@ const { persons }: Props = $props();