fix: restore sidebar text contrast and lowercase repo names (#87)

Revert low-contrast text styles from PR #85 (worktree name, branch, repo
badge, group headers) back to full contrast. Force repo names to lowercase.

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jinjing
2026-03-24 16:14:53 -07:00
committed by GitHub
co-authored by Claude Opus 4.6
parent b4ce469711
commit 083c272723
2 changed files with 5 additions and 5 deletions
@@ -238,7 +238,7 @@ const WorktreeCard = React.memo(function WorktreeCard({
<div className="flex-1 min-w-0 flex flex-col gap-1.5">
{/* Header row: Title and Checks */}
<div className="flex items-center justify-between min-w-0 gap-2">
<div className="text-[13px] font-medium text-foreground/90 truncate leading-none">
<div className="text-[12px] font-semibold text-foreground truncate leading-tight">
{worktree.displayName}
</div>
@@ -288,7 +288,7 @@ const WorktreeCard = React.memo(function WorktreeCard({
className="size-1.5 rounded-full"
style={{ backgroundColor: repo.badgeColor }}
/>
<span className="text-[10px] font-medium text-foreground/70 truncate max-w-[6rem] leading-none">
<span className="text-[10px] font-semibold text-foreground truncate max-w-[6rem] leading-none lowercase">
{repo.displayName}
</span>
</div>
@@ -302,7 +302,7 @@ const WorktreeCard = React.memo(function WorktreeCard({
main
</Badge>
) : (
<span className="text-[10.5px] text-muted-foreground/60 truncate font-mono leading-none tracking-normal">
<span className="text-[11px] text-muted-foreground truncate font-mono leading-none">
{branch}
</span>
)}
@@ -324,10 +324,10 @@ const WorktreeList = React.memo(function WorktreeList() {
<div className="min-w-0 flex-1">
<div className="flex items-center gap-1.5">
<div className="truncate text-[11px] font-semibold tracking-[0.02em] uppercase text-muted-foreground/70 leading-none">
<div className="truncate text-[13px] font-semibold leading-none lowercase">
{row.label}
</div>
<div className="rounded-full bg-black/5 dark:bg-white/10 px-[5px] py-[1.5px] text-[8.5px] font-bold leading-none text-muted-foreground/70">
<div className="rounded-full bg-black/12 px-1.5 py-0.5 text-[9px] font-medium leading-none text-muted-foreground/90">
{row.count}
</div>
</div>