From 86a216918f59a988abe6a2af59c4a1085d02bc39 Mon Sep 17 00:00:00 2001 From: Marcel Date: Thu, 16 Apr 2026 10:31:20 +0200 Subject: [PATCH] fix(#240): make Mission Control Strip dark-mode compatible MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replace all hardcoded Tailwind colours with semantic tokens: - bg-white → bg-surface (outer strip container) - text-gray-400 → text-ink-3 (dates, meta text, empty-state copy) - text-green-800 / text-green-700 → text-ink / text-ink-2 (headings, pulse, reviewed %) - bg-green-50 / border-green-200 → bg-accent-bg / border-line (skill pill, weekly pulse badge) - bg-ink text-white → bg-primary text-primary-fg (CTA buttons; dark: mint bg + navy text) - hover:text-white → hover:text-primary-fg (ghost CTA hover text) - focus-visible:ring-brand-navy → focus-visible:ring-focus-ring (all doc links) Co-Authored-By: Claude Sonnet 4.6 --- .../lib/components/MissionControlStrip.svelte | 4 ++-- frontend/src/lib/components/ReadyColumn.svelte | 16 ++++++++-------- .../src/lib/components/SegmentationColumn.svelte | 10 +++++----- .../lib/components/TranscriptionColumn.svelte | 10 +++++----- 4 files changed, 20 insertions(+), 20 deletions(-) diff --git a/frontend/src/lib/components/MissionControlStrip.svelte b/frontend/src/lib/components/MissionControlStrip.svelte index c1baeca0..00221f0d 100644 --- a/frontend/src/lib/components/MissionControlStrip.svelte +++ b/frontend/src/lib/components/MissionControlStrip.svelte @@ -31,8 +31,8 @@ let { segmentationDocs, transcriptionDocs, readyDocs, weeklyStats }: Props = $pr {#if segmentationDocs.length > 0 || transcriptionDocs.length > 0 || readyDocs.length > 0} -
-

+
+

{m.mission_control_heading()}

diff --git a/frontend/src/lib/components/ReadyColumn.svelte b/frontend/src/lib/components/ReadyColumn.svelte index 775d9bc5..3d5f999a 100644 --- a/frontend/src/lib/components/ReadyColumn.svelte +++ b/frontend/src/lib/components/ReadyColumn.svelte @@ -39,16 +39,16 @@ function reviewedPct(doc: TranscriptionQueueItemDTO): number { >
-

+

{m.mission_control_ready_heading()}

{#if weeklyCount > 0} - + {m.mission_control_weekly_pulse({ count: weeklyCount })} {/if}
-

+

{m.mission_control_ready_subtitle({ count: docs.length })}

@@ -57,15 +57,15 @@ function reviewedPct(doc: TranscriptionQueueItemDTO): number {
  • {doc.title}
    {#if doc.documentDate} - {formatDate(doc.documentDate)} + {formatDate(doc.documentDate)} {/if} {#if doc.textedBlockCount > 0} - + {m.mission_control_reviewed_pct({ pct: reviewedPct(doc) })} {/if} @@ -79,10 +79,10 @@ function reviewedPct(doc: TranscriptionQueueItemDTO): number {
    -

    {m.mission_control_ready_empty()}

    +

    {m.mission_control_ready_empty()}

     {m.mission_control_ready_empty_cta()} diff --git a/frontend/src/lib/components/SegmentationColumn.svelte b/frontend/src/lib/components/SegmentationColumn.svelte index 5da5d074..e82d7f4e 100644 --- a/frontend/src/lib/components/SegmentationColumn.svelte +++ b/frontend/src/lib/components/SegmentationColumn.svelte @@ -36,12 +36,12 @@ function formatDate(dateStr: string): string { {m.mission_control_segmentation_heading()}

    • {m.mission_control_seg_skill_pill()} {#if weeklyCount > 0} -

    +

    {m.mission_control_weekly_pulse({ count: weeklyCount })}

    {/if} @@ -51,7 +51,7 @@ function formatDate(dateStr: string): string {
  • {doc.title} @@ -60,7 +60,7 @@ function formatDate(dateStr: string): string { {/if}
    {#if doc.documentDate} - {formatDate(doc.documentDate)} + {formatDate(doc.documentDate)} {/if}
    • @@ -68,7 +68,7 @@ function formatDate(dateStr: string): string { {m.mission_control_segmentation_cta()} diff --git a/frontend/src/lib/components/TranscriptionColumn.svelte b/frontend/src/lib/components/TranscriptionColumn.svelte index 76d4b09b..bf0d52b4 100644 --- a/frontend/src/lib/components/TranscriptionColumn.svelte +++ b/frontend/src/lib/components/TranscriptionColumn.svelte @@ -56,7 +56,7 @@ function blockProgress(doc: TranscriptionQueueItemDTO): number {
  • {doc.title} @@ -65,11 +65,11 @@ function blockProgress(doc: TranscriptionQueueItemDTO): number { {/if}
    {#if doc.documentDate} - {formatDate(doc.documentDate)} + {formatDate(doc.documentDate)} {/if} {#if doc.textedBlockCount > 0}
    - + {m.mission_control_blocks_progress({ texted: doc.textedBlockCount, total: doc.annotationCount @@ -83,7 +83,7 @@ function blockProgress(doc: TranscriptionQueueItemDTO): number {
    {:else} - — + — {/if}
    • @@ -91,7 +91,7 @@ function blockProgress(doc: TranscriptionQueueItemDTO): number { {m.mission_control_transcription_cta()}