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:
@@ -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>
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -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>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user