fix: improve text contrast in ForkCard and BranchRevivalCard

- ForkCard: fork reason → text-heading, option labels → text-heading,
  descriptions → text-primary, unselected options get bg-elevated/50
- BranchRevivalCard: evidence description → text-primary

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-03-24 21:21:13 +00:00
parent 029d31ba0b
commit 0bd1090a5b
2 changed files with 9 additions and 6 deletions

View File

@@ -16,10 +16,10 @@ export function BranchRevivalCard({ branch, evidenceSource }: BranchRevivalCardP
<span className="text-warning font-medium">Branch Revived</span> <span className="text-warning font-medium">Branch Revived</span>
</div> </div>
{branch.evidence_description && ( {branch.evidence_description && (
<p className="text-xs text-secondary mt-1">{branch.evidence_description}</p> <p className="text-xs text-primary mt-1">{branch.evidence_description}</p>
)} )}
{evidenceSource && ( {evidenceSource && (
<p className="text-xs text-muted mt-0.5">Evidence from: {evidenceSource.label}</p> <p className="text-xs text-secondary mt-0.5">Evidence from: {evidenceSource.label}</p>
)} )}
</div> </div>
) )

View File

@@ -20,7 +20,7 @@ export function ForkCard({ fork, selectedBranchId, onSelectOption }: ForkCardPro
</div> </div>
{/* Fork reason */} {/* Fork reason */}
<p className="text-sm text-primary leading-snug">{fork.fork_reason}</p> <p className="text-sm text-heading leading-snug">{fork.fork_reason}</p>
{/* Options */} {/* Options */}
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
@@ -36,19 +36,22 @@ export function ForkCard({ fork, selectedBranchId, onSelectOption }: ForkCardPro
'hover:bg-elevated', 'hover:bg-elevated',
isSelected isSelected
? 'border-accent bg-accent-dim' ? 'border-accent bg-accent-dim'
: 'border-default bg-transparent' : 'border-default bg-elevated/50'
)} )}
> >
<p <p
className={cn( className={cn(
'text-sm font-medium', 'text-sm font-medium',
isSelected ? 'text-accent-text' : 'text-primary' isSelected ? 'text-accent-text' : 'text-heading'
)} )}
> >
{option.label} {option.label}
</p> </p>
{option.description && ( {option.description && (
<p className="text-xs text-secondary mt-0.5 leading-snug"> <p className={cn(
'text-xs mt-0.5 leading-snug',
isSelected ? 'text-primary' : 'text-primary'
)}>
{option.description} {option.description}
</p> </p>
)} )}