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

fix: replace text-secondary with text-muted-foreground in branching components

Browse Source 
In Tailwind v4, text-secondary resolves to --color-secondary (#2e3140),
a dark surface color — NOT --color-text-secondary (#848b9b). This made
all secondary text invisible on dark backgrounds.

The correct class is text-muted-foreground which maps to #848b9b.
This matches the pattern used by existing FlowPilot components.

Also reverts the unnecessary index.css variable bump from prior commit.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-03-24 22:36:01 +00:00
parent 4c42522925
commit 01836d6a2d
6 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/session/HandoffModal.tsx
View File

@@ -79,7 +79,7 @@ export function HandoffModal({ onClose, onSubmit }: HandoffModalProps) {
'flex-1 rounded-[5px] border px-3 py-2 text-sm font-medium transition-colors',
intent === 'park'
? 'border-accent bg-accent-dim text-accent-text'
: 'border-default bg-transparent text-secondary hover:bg-elevated hover:text-primary'
: 'border-default bg-transparent text-muted-foreground hover:bg-elevated hover:text-primary'
)}
>
Park
@@ -91,13 +91,13 @@ export function HandoffModal({ onClose, onSubmit }: HandoffModalProps) {
'flex-1 rounded-[5px] border px-3 py-2 text-sm font-medium transition-colors',
intent === 'escalate'
? 'border-accent bg-accent-dim text-accent-text'
: 'border-default bg-transparent text-secondary hover:bg-elevated hover:text-primary'
: 'border-default bg-transparent text-muted-foreground hover:bg-elevated hover:text-primary'
)}
>
Escalate
</button>
</div>
<p className="text-xs text-secondary">
<p className="text-xs text-muted-foreground">
{intent === 'park'
? 'Park this session to resume later or hand to another engineer.'
: 'Escalate to a senior engineer with full context and branch history.'}
@@ -148,7 +148,7 @@ export function HandoffModal({ onClose, onSubmit }: HandoffModalProps) {
type="button"
onClick={onClose}
disabled={isSubmitting}
className="rounded-[5px] border border-default px-4 py-2 text-sm text-secondary hover:bg-elevated hover:text-primary transition-colors disabled:opacity-50"
className="rounded-[5px] border border-default px-4 py-2 text-sm text-muted-foreground hover:bg-elevated hover:text-primary transition-colors disabled:opacity-50"
>
Cancel
</button>