From 089ee68ee95dc8316e4df595718f71170cb7b785 Mon Sep 17 00:00:00 2001 From: ajianaz Date: Thu, 3 Sep 2026 12:39:02 +0700 Subject: [PATCH] feat(ui): fix theme architecture, semantic color tokens, Geist fonts Theme architecture fix (root cause): - The old app.css put literal dark values in @theme inline, so Tailwind utilities hardcoded dark colors and ignored the :root:not(.dark) override entirely; users with a light system preference got a dark shell with near-black inherited text (invisible headings, titles, button labels). Restructure to canonical pattern: semantic vars on :root/.dark, @theme inline maps utilities to var() so mode-watcher class toggling works in both modes. Tokens: - Add --success/--warning/--info semantic tokens (both modes) - Light-mode primary is near-black (monochrome zinc system), dropping the one-off purple accent - Replace ~30 raw palette classes (text-green-600 dark:text-green-400 etc.) in utils.ts helpers and pages with semantic token classes Typography: - Self-host Geist Variable + Geist Mono Variable via Fontsource - Map --font-sans/--font-mono so font-mono utilities pick up Geist Mono --- web/build/index.html | 16 +-- web/package-lock.json | 22 +++ web/package.json | 4 + web/src/app.css | 128 ++++++++++++------ web/src/lib/utils.ts | 38 +++--- .../routes/(dashboard)/issues/+page.svelte | 4 +- .../(dashboard)/release-health/+page.svelte | 24 ++-- .../routes/(dashboard)/settings/+page.svelte | 2 +- .../transactions/[id]/+page.svelte | 14 +- 9 files changed, 159 insertions(+), 93 deletions(-) diff --git a/web/build/index.html b/web/build/index.html index 61aa54e..e0a6034 100644 --- a/web/build/index.html +++ b/web/build/index.html @@ -4,32 +4,32 @@ - - + + - + - + - +