chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: improve text contrast on DevBranchingPage

Browse Source 
- Page subtitle: text-secondary → text-primary
- Helper text: text-muted → text-secondary
- Section labels: text-muted → text-secondary
- Detail card labels: text-muted → text-secondary
- Detail card values: text-primary → text-heading
- Detail card body: text-secondary → text-primary

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-03-24 21:51:24 +00:00
parent 0bd1090a5b
commit 20302900b8
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
frontend/src/pages/DevBranchingPage.tsx
View File

@@ -455,7 +455,7 @@ export default function DevBranchingPage() {
<h1 className="text-lg font-heading font-semibold text-heading"> <h1 className="text-lg font-heading font-semibold text-heading">
Conversational Branching — Component Test Conversational Branching — Component Test
</h1> </h1>
<p className="text-sm text-secondary mt-1"> <p className="text-sm text-primary mt-1">
Mock scenario: Intermittent connectivity on WS-1042. 5 branches, 1 fork, 1 revival. Mock scenario: Intermittent connectivity on WS-1042. 5 branches, 1 fork, 1 revival.
</p> </p>
</div> </div>
@@ -469,7 +469,7 @@ export default function DevBranchingPage() {
toBranch={activeBranch} toBranch={activeBranch}
/> />
) : ( ) : (
<p className="text-xs text-muted">Click a branch in the sidebar to see the transition bar.</p> <p className="text-xs text-secondary">Click a branch in the sidebar to see the transition bar.</p>
)} )}
</section> </section>
@@ -519,35 +519,35 @@ export default function DevBranchingPage() {
<div className="bg-card border border-default rounded-lg p-4 text-sm"> <div className="bg-card border border-default rounded-lg p-4 text-sm">
<div className="grid grid-cols-2 gap-2"> <div className="grid grid-cols-2 gap-2">
<div> <div>
<span className="text-muted">Label:</span>{' '} <span className="text-secondary">Label:</span>{' '}
<span className="text-primary">{activeBranch.label}</span> <span className="text-heading">{activeBranch.label}</span>
</div> </div>
<div> <div>
<span className="text-muted">Status:</span>{' '} <span className="text-secondary">Status:</span>{' '}
<span className="text-primary">{activeBranch.status}</span> <span className="text-heading">{activeBranch.status}</span>
</div> </div>
<div> <div>
<span className="text-muted">Steps:</span>{' '} <span className="text-secondary">Steps:</span>{' '}
<span className="text-primary">{activeBranch.step_count}</span> <span className="text-heading">{activeBranch.step_count}</span>
</div> </div>
<div> <div>
<span className="text-muted">Order:</span>{' '} <span className="text-secondary">Order:</span>{' '}
<span className="text-primary">{activeBranch.branch_order}</span> <span className="text-heading">{activeBranch.branch_order}</span>
</div> </div>
</div> </div>
{activeBranch.status_reason && ( {activeBranch.status_reason && (
<div className="mt-2 pt-2 border-t border-default"> <div className="mt-2 pt-2 border-t border-default">
<span className="text-muted">Reason:</span>{' '} <span className="text-secondary">Reason:</span>{' '}
<span className="text-secondary">{activeBranch.status_reason}</span> <span className="text-primary">{activeBranch.status_reason}</span>
</div> </div>
)} )}
{activeBranch.context_summary && ( {activeBranch.context_summary && (
<div className="mt-2 pt-2 border-t border-default"> <div className="mt-2 pt-2 border-t border-default">
<span className="text-muted">Tried:</span>{' '} <span className="text-secondary">Tried:</span>{' '}
<span className="text-secondary">{activeBranch.context_summary.tried.join(', ')}</span> <span className="text-primary">{activeBranch.context_summary.tried.join(', ')}</span>
<br /> <br />
<span className="text-muted">Concluded:</span>{' '} <span className="text-secondary">Concluded:</span>{' '}
<span className="text-secondary">{activeBranch.context_summary.concluded}</span> <span className="text-primary">{activeBranch.context_summary.concluded}</span>
</div> </div>
)} )}
</div> </div>
@@ -570,7 +570,7 @@ export default function DevBranchingPage() {
function SectionLabel({ children }: { children: React.ReactNode }) { function SectionLabel({ children }: { children: React.ReactNode }) {
return ( return (
<span className="text-[10px] font-semibold uppercase tracking-wider text-muted mb-2 block"> <span className="text-[10px] font-semibold uppercase tracking-wider text-secondary mb-2 block">
{children} {children}
</span> </span>
) )