From 74140e115407ebbde71b8c5e5b11e30525427a49 Mon Sep 17 00:00:00 2001 From: Till JS Date: Thu, 9 Apr 2026 00:29:39 +0200 Subject: [PATCH] refactor(mana/web): migrate zitare DetailView to theme tokens (P5 phase 1 sample) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit First file in the P5 visual-track consolidation. Replaces hand-rolled #374151/#9ca3af/#e5e7eb palette + paired :global(.dark) duplications with var(--color-foreground), var(--color-muted-foreground), var(--color-border), var(--color-surface-hover) etc. — the same theme tokens already used by shared-ui Card / PageHeader / FormModal. Net: 260 → 245 LOC (-15), 7 hand-rolled rules eliminated, all :global(.dark) selectors gone (theme system handles light/dark via .dark class on ). Brand colors that should NOT track the theme primary stay hardcoded: the violet category badge (#8b5cf6) keeps its literal value, the favorite-active red gets var(--color-error, #ef4444) with fallback. This is the smallest of the 8 files identified by the P5 audit: zitare DetailView (7 rules) → cycles → calendar → contacts → todo → finance → notes → dreams (31 rules). Migration runs file-by-file with one commit each so visual diffs are easy to review. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../modules/zitare/views/DetailView.svelte | 55 +++++++------------ 1 file changed, 20 insertions(+), 35 deletions(-) diff --git a/apps/mana/apps/web/src/lib/modules/zitare/views/DetailView.svelte b/apps/mana/apps/web/src/lib/modules/zitare/views/DetailView.svelte index 6a52be447..ae86e641e 100644 --- a/apps/mana/apps/web/src/lib/modules/zitare/views/DetailView.svelte +++ b/apps/mana/apps/web/src/lib/modules/zitare/views/DetailView.svelte @@ -126,6 +126,9 @@