From f9b505569cb2a5f604593068e248776565206079 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=B7=E7=94=B5=E8=8A=BD=E8=A1=A3?=
 <zhangyanghaha0407@outlook.com>
Date: Tue, 21 Apr 2026 14:12:49 -0400
Subject: [PATCH] fix(design): default badge tone becomes ink blue, readable in
 light mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The previous default tone (bg-muted text-muted-foreground) reads as
beige-on-beige in light mode — the "3" count on Work was barely
legible against the parchment sidebar.

Route default counts through bg-primary + text-primary-foreground so
the pill adopts kami's sole accent color. The three tones now fall
into a clean priority scale:

  default -> ink blue        (you have items)
  warn    -> warm amber      (needs attention)
  danger  -> warm terra red  (critical)

Contrast holds in both modes: ink-on-parchment in light (~9:1),
ink-light-on-dark-parchment in dark (~5:1). Warm amber and terra red
retain their own semantic foregrounds from the prior commit.

Typecheck and build:verify clean.
---
 src/renderer/components/ui/Badge.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/components/ui/Badge.tsx b/src/renderer/components/ui/Badge.tsx
index 244f6485..d5e4c256 100644
--- a/src/renderer/components/ui/Badge.tsx
+++ b/src/renderer/components/ui/Badge.tsx
@@ -4,7 +4,7 @@ export function Badge({ count, tone = "default" }: { count: number; tone?: "defa
     ? "bg-destructive text-destructive-foreground"
     : tone === "warn"
     ? "bg-warning text-warning-foreground"
-    : "bg-muted text-muted-foreground";
+    : "bg-primary text-primary-foreground";
   return (
     <span className={`ml-auto inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-full px-1.5 text-[10px] font-bold ${toneClass}`}>
       {count > 99 ? "99+" : count}